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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const WinkingFaceIcon = ({ 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_23_431)"
    />
    <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_23_431)"
    />
    <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_23_431)"
    />
    <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_23_431)"
      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_23_431)"
    />
    <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_23_431)"
    />
    <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_23_431)"
    />
    <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_23_431)"
    />
    <path
      d="M13.9577 17.3801C14.6085 16.5997 15 15.5956 15 14.5C15 12.0147 12.9853 10 10.5 10C8.01472 10 6 12.0147 6 14.5C6 15.5956 6.39151 16.5997 7.04226 17.3801C7.86528 16.9672 9.10478 16.5 10.5 16.5C11.8952 16.5 13.1347 16.9672 13.9577 17.3801Z"
      fill="white"
    />
    <path
      d="M13.1984 17.0414C13.6958 16.5059 14 15.7885 14 15C14 13.3431 12.6569 12 11 12C9.34315 12 8 13.3431 8 15C8 15.6654 8.2166 16.2801 8.58314 16.7776C9.16357 16.6133 9.8129 16.5 10.5 16.5C11.5155 16.5 12.4484 16.7475 13.1984 17.0414Z"
      fill="url(#paint8_linear_23_431)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M21 14C19.5452 14 19.0479 14.9314 18.9701 15.2425C18.8362 15.7783 18.2933 16.1041 17.7575 15.9701C17.2217 15.8362 16.8959 15.2933 17.0298 14.7575C17.2854 13.7352 18.4548 12 21 12C23.5452 12 24.7146 13.7352 24.9701 14.7575C25.1041 15.2933 24.7783 15.8362 24.2425 15.9701C23.7067 16.1041 23.1638 15.7783 23.0299 15.2425C22.9521 14.9314 22.4548 14 21 14Z"
      fill="url(#paint9_radial_23_431)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M21 8.5C21 8.22386 21.2239 8 21.5 8C22.2743 8 23.2425 8.2843 24.0846 8.83052C24.9329 9.38077 25.697 10.2264 25.9851 11.3787C26.052 11.6466 25.8892 11.9181 25.6213 11.9851C25.3534 12.052 25.0819 11.8892 25.0149 11.6213C24.803 10.7736 24.2338 10.1192 23.5404 9.66948C22.8408 9.2157 22.0591 9 21.5 9C21.2239 9 21 8.77614 21 8.5Z"
      fill="url(#paint10_linear_23_431)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M8.06915 7.98761C7.47625 8.55049 7.11769 9.22774 6.97423 9.65811C6.88691 9.92009 6.60375 10.0617 6.34178 9.97434C6.07981 9.88702 5.93823 9.60386 6.02555 9.34189C6.21542 8.77226 6.65687 7.94951 7.38064 7.26239C8.1129 6.5672 9.1478 6 10.4999 6C10.776 6 10.9999 6.22386 10.9999 6.5C10.9999 6.77614 10.776 7 10.4999 7C9.45198 7 8.65355 7.4328 8.06915 7.98761Z"
      fill="url(#paint11_linear_23_431)"
    />
    <path
      d="M16 26C9 26 9 19 9 19H23C23 19 23 26 16 26Z"
      fill="url(#paint12_radial_23_431)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M22.8136 20.5H9.18644C9 19.6243 9 19 9 19H23C23 19 23 19.6243 22.8136 20.5Z"
      fill="url(#paint13_linear_23_431)"
    />
    <defs>
      <radialGradient
        id="paint0_radial_23_431"
        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_23_431"
        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_23_431"
        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_23_431"
        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_23_431"
        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_23_431"
        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_23_431"
        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_23_431"
        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>
      <linearGradient
        id="paint8_linear_23_431"
        x1={13.3077}
        y1={12}
        x2={11.4078}
        y2={16.4092}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#553B3E" />
        <stop offset={1} stopColor="#3D2432" />
      </linearGradient>
      <radialGradient
        id="paint9_radial_23_431"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21 15) rotate(90) scale(4 5.85926)"
      >
        <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="paint10_linear_23_431"
        x1={21.8333}
        y1={12.4}
        x2={21.8333}
        y2={10.6}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0299084} stopColor="#524049" />
        <stop offset={1} stopColor="#4A2C42" />
      </linearGradient>
      <linearGradient
        id="paint11_linear_23_431"
        x1={6.83322}
        y1={10.4}
        x2={6.83322}
        y2={8.6}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0299084} stopColor="#524049" />
        <stop offset={1} stopColor="#4A2C42" />
      </linearGradient>
      <radialGradient
        id="paint12_radial_23_431"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 27.5556) rotate(-90) scale(8.55556 17.1111)"
      >
        <stop stopColor="#F70A8D" />
        <stop offset={1} stopColor="#89029C" />
      </radialGradient>
      <linearGradient
        id="paint13_linear_23_431"
        x1={16}
        y1={19}
        x2={16}
        y2={20.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#ECCDFF" />
        <stop offset={1} stopColor="white" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = WinkingFaceIcon;