@jstnmthw/react-fluentui-emoji/icons/WinkingFaceWithTongueIcon.jsx

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const WinkingFaceWithTongueIcon = ({ title, titleId, ...props }) => (
  <svg
    width="1em"
    height="1em"
    viewBox="0 0 32 32"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby={titleId}
    {...props}
  >
    {title ? <title id={titleId}>{title}</title> : null}
    <path
      d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
      fill="url(#paint0_radial_31_25)"
    />
    <path
      d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
      fill="url(#paint1_radial_31_25)"
    />
    <path
      d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
      fill="url(#paint2_radial_31_25)"
    />
    <path
      d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
      fill="url(#paint3_radial_31_25)"
      fillOpacity={0.6}
    />
    <path
      d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
      fill="url(#paint4_radial_31_25)"
    />
    <path
      d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
      fill="url(#paint5_radial_31_25)"
    />
    <path
      d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
      fill="url(#paint6_radial_31_25)"
    />
    <path
      d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
      fill="url(#paint7_radial_31_25)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M11.0938 14.1562C12.1901 14.1562 12.5423 14.8535 12.592 15.0536C12.7252 15.5896 13.2676 15.9162 13.8036 15.783C14.3396 15.6498 14.6662 15.1074 14.533 14.5714C14.3084 13.6673 13.2891 12.1562 11.0938 12.1562C8.89839 12.1562 7.87911 13.6673 7.65451 14.5714C7.52135 15.1074 7.84792 15.6498 8.38391 15.783C8.9199 15.9162 9.46235 15.5896 9.59551 15.0536C9.64521 14.8535 9.99746 14.1562 11.0938 14.1562Z"
      fill="url(#paint8_radial_31_25)"
    />
    <path
      d="M18.8062 17.1706C19.6962 16.8406 20.6562 16.6406 21.6662 16.6406C22.6762 16.6406 23.6363 16.8306 24.5163 17.1706C25.3663 16.3906 25.9062 15.2906 25.9062 14.0406C25.9062 11.6906 24.0062 9.79065 21.6562 9.79065C19.3063 9.79065 17.4062 11.6906 17.4062 14.0406C17.4162 15.2906 17.9562 16.4006 18.8062 17.1706Z"
      fill="white"
    />
    <path
      d="M21.2087 16C22.3133 16 23.2087 15.1046 23.2087 14C23.2087 12.8954 22.3133 12 21.2087 12C20.1042 12 19.2087 12.8954 19.2087 14C19.2087 15.1046 20.1042 16 21.2087 16Z"
      fill="url(#paint9_linear_31_25)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M11 8.5C11 8.22386 10.7761 8 10.5 8C9.72575 8 8.7575 8.2843 7.9154 8.83052C7.0671 9.38077 6.30302 10.2264 6.01493 11.3787C5.94795 11.6466 6.11083 11.9181 6.37873 11.9851C6.64663 12.052 6.9181 11.8892 6.98507 11.6213C7.19698 10.7736 7.76623 10.1192 8.4596 9.66948C9.15917 9.2157 9.94092 9 10.5 9C10.7761 9 11 8.77614 11 8.5Z"
      fill="url(#paint10_linear_31_25)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M23.9309 7.98761C24.5238 8.55049 24.8823 9.22774 25.0258 9.65811C25.1131 9.92009 25.3963 10.0617 25.6582 9.97434C25.9202 9.88702 26.0618 9.60386 25.9745 9.34189C25.7846 8.77226 25.3431 7.94951 24.6194 7.26239C23.8871 6.5672 22.8522 6 21.5001 6C21.224 6 21.0001 6.22386 21.0001 6.5C21.0001 6.77614 21.224 7 21.5001 7C22.548 7 23.3465 7.4328 23.9309 7.98761Z"
      fill="url(#paint11_linear_31_25)"
    />
    <path
      d="M15.9988 26C8.99878 26 8.99878 19 8.99878 19H22.9988C22.9988 19 22.9988 26 15.9988 26Z"
      fill="url(#paint12_radial_31_25)"
    />
    <path
      d="M16.0155 29C20.2155 29 20.8855 24.8 21.0155 23.75C21.1155 22.9 20.6655 22.47 20.1755 22.18C19.6855 21.89 18.2155 21.62 16.0155 21.62C13.8155 21.62 12.3555 21.89 11.8555 22.18C11.3555 22.47 10.9055 22.9 11.0155 23.75C11.1455 24.8 11.8155 29 16.0155 29Z"
      fill="url(#paint13_radial_31_25)"
    />
    <g opacity={0.5} filter="url(#filter0_f_31_25)">
      <path d="M18 26.5C19 26 20 25 20 23.5" stroke="white" />
    </g>
    <path
      d="M22.8588 20.43C22.9488 19.97 22.9988 19.49 22.9988 19C18.3388 19 11.8388 19 8.99878 19C8.99878 19.49 9.04878 19.96 9.13878 20.43H22.8588Z"
      fill="url(#paint14_linear_31_25)"
    />
    <defs>
      <filter
        id="filter0_f_31_25"
        x={16.7764}
        y={22.5}
        width={4.72363}
        height={5.4472}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.5}
          result="effect1_foregroundBlur_31_25"
        />
      </filter>
      <radialGradient
        id="paint0_radial_31_25"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.5 9) rotate(132.839) scale(37.5033)"
      >
        <stop stopColor="#FFF478" />
        <stop offset={0.474827} stopColor="#FFB02E" />
        <stop offset={1} stopColor="#F70A8D" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_31_25"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.5 9) rotate(131.878) scale(38.9487)"
      >
        <stop stopColor="#FFF478" />
        <stop offset={0.474827} stopColor="#FFB02E" />
        <stop offset={1} stopColor="#F70A8D" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_31_25"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 12.5) rotate(101.31) scale(17.8466 22.8581)"
      >
        <stop offset={0.787821} stopColor="#F59639" stopOpacity={0} />
        <stop offset={0.972509} stopColor="#FF7DCE" />
      </radialGradient>
      <radialGradient
        id="paint3_radial_31_25"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18 14) rotate(135) scale(41.0122)"
      >
        <stop offset={0.314853} stopOpacity={0} />
        <stop offset={1} />
      </radialGradient>
      <radialGradient
        id="paint4_radial_31_25"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 17) rotate(77.692) scale(28.1469)"
      >
        <stop offset={0.507903} stopColor="#7D6133" stopOpacity={0} />
        <stop offset={1} stopColor="#715B32" />
      </radialGradient>
      <radialGradient
        id="paint5_radial_31_25"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.5 16.5) rotate(55.7131) scale(13.3135 9.65032)"
      >
        <stop stopColor="#FFB849" />
        <stop offset={1} stopColor="#FFB847" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint6_radial_31_25"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.5 18) rotate(9.86581) scale(11.6726)"
      >
        <stop stopColor="#FFA64B" />
        <stop offset={0.900412} stopColor="#FFAE46" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint7_radial_31_25"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.5 15) rotate(43.9708) scale(59.0529)"
      >
        <stop offset={0.185425} stopOpacity={0} />
        <stop offset={1} stopOpacity={0.4} />
      </radialGradient>
      <radialGradient
        id="paint8_radial_31_25"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(11.0938 14.8125) rotate(90) scale(3.3125 4.82169)"
      >
        <stop offset={0.337213} stopColor="#4D274B" />
        <stop offset={0.628228} stopColor="#514047" />
        <stop offset={1} stopColor="#4E2553" />
        <stop offset={1} stopColor="#4A342F" />
      </radialGradient>
      <linearGradient
        id="paint9_linear_31_25"
        x1={22.7472}
        y1={12}
        x2={21.063}
        y2={15.2842}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#553B3E" />
        <stop offset={1} stopColor="#3D2432" />
      </linearGradient>
      <linearGradient
        id="paint10_linear_31_25"
        x1={10.1667}
        y1={12.4}
        x2={10.1667}
        y2={10.6}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0299084} stopColor="#524049" />
        <stop offset={1} stopColor="#4A2C42" />
      </linearGradient>
      <linearGradient
        id="paint11_linear_31_25"
        x1={25.1668}
        y1={10.4}
        x2={25.1668}
        y2={8.6}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0299084} stopColor="#524049" />
        <stop offset={1} stopColor="#4A2C42" />
      </linearGradient>
      <radialGradient
        id="paint12_radial_31_25"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.9988 27.5556) rotate(-90) scale(8.55556 17.1111)"
      >
        <stop stopColor="#F70A8D" />
        <stop offset={1} stopColor="#89029C" />
      </radialGradient>
      <radialGradient
        id="paint13_radial_31_25"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.5 30) rotate(-93.0128) scale(9.51315 16.5379)"
      >
        <stop stopColor="#FF1C4A" />
        <stop offset={0.765733} stopColor="#FF2B8F" />
        <stop offset={0.864496} stopColor="#BB0773" />
        <stop offset={0.886239} stopColor="#9F0762" />
      </radialGradient>
      <linearGradient
        id="paint14_linear_31_25"
        x1={15.9988}
        y1={19}
        x2={15.9988}
        y2={20.43}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#ECCDFF" />
        <stop offset={1} stopColor="white" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = WinkingFaceWithTongueIcon;