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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const WoozyFaceIcon = ({ 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_136)"
    />
    <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_136)"
    />
    <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_136)"
    />
    <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_136)"
      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_136)"
    />
    <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_136)"
    />
    <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_136)"
    />
    <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_136)"
    />
    <path
      d="M7 22C7.5 22.5 8.9 23.5 10.5 23.5C13.5 23.5 14 20 16 20C18 20 18.5 22 21 22C23 22 24.1667 21 24.5 20.5"
      stroke="#402A32"
      strokeWidth={2}
      strokeLinecap="round"
    />
    <path
      d="M11 19C8.17157 19 7.16667 17.1667 7 16L15 13C15 13 15.5 19 11 19Z"
      fill="white"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M20.6095 11.7248C19.2984 11.3606 17.7604 11.6493 17.2837 12.9239C17.1003 13.4144 17 13.9455 17 14.5C17 16.9852 19.0147 19 21.5 19C23.9853 19 26 16.9852 26 14.5V14.5C26 13.6563 25.3077 13.0299 24.4948 12.8041L20.6095 11.7248Z"
      fill="white"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M11 17C12.6568 17 14 15.6569 14 14C14 13.7937 13.9791 13.5923 13.9395 13.3977L8.38928 15.479C8.90494 16.3873 9.8809 17 11 17Z"
      fill="url(#paint8_linear_31_136)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M21 17C22.6569 17 24 15.6569 24 14C24 13.4803 23.8679 12.9915 23.6353 12.5653L20.6095 11.7248C20.1505 11.5973 19.6636 11.5498 19.2042 11.5967C18.4731 12.1438 18 13.0166 18 14C18 15.6569 19.3431 17 21 17Z"
      fill="url(#paint9_linear_31_136)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M19.562 6.99624C21.3846 6.76839 22.4796 7.44434 23.1326 8.15172L24.0197 9.63904C24.0962 9.90359 24.3724 10.0566 24.6374 9.98087C24.9029 9.90501 25.0566 9.62827 24.9808 9.36275L24.5 9.50011C24.9808 9.36275 24.9807 9.36248 24.9806 9.36219L24.9804 9.36156L24.98 9.36004L24.9788 9.35605L24.9753 9.34428C24.9724 9.33479 24.9684 9.32203 24.9633 9.30623C24.953 9.27464 24.9381 9.23084 24.918 9.17672C24.8778 9.0686 24.8168 8.91854 24.7306 8.74183C24.5589 8.3897 24.2834 7.92408 23.8674 7.47345C23.0204 6.55581 21.6154 5.73176 19.438 6.00397C19.164 6.03822 18.9696 6.28812 19.0039 6.56213C19.0381 6.83614 19.288 7.0305 19.562 6.99624ZM23.1326 8.15172L24.0196 9.6389L24.0187 9.63588L24.0123 9.61562C24.006 9.59618 23.9955 9.56527 23.9805 9.52466C23.9503 9.44332 23.9019 9.32385 23.8319 9.18024C23.6911 8.89174 23.4666 8.5136 23.1326 8.15172ZM12.9851 9.62131C13.052 9.35342 12.8892 9.08195 12.6213 9.01498C12.3534 8.948 12.0819 9.11088 12.0149 9.37878C11.6544 10.8207 10.8509 11.5276 10.015 11.8605C9.14985 12.2051 8.21031 12.1622 7.62126 12.015C7.35337 11.948 7.0819 12.1109 7.01493 12.3788C6.94795 12.6467 7.11083 12.9181 7.37873 12.9851C8.12302 13.1712 9.28348 13.2283 10.385 12.7896C11.5157 12.3392 12.5455 11.3794 12.9851 9.62131Z"
      fill="#402A32"
    />
    <defs>
      <radialGradient
        id="paint0_radial_31_136"
        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_136"
        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_136"
        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_136"
        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_136"
        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_136"
        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_136"
        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_136"
        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_31_136"
        x1={11.37}
        y1={12.7973}
        x2={10.3803}
        y2={16.8437}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#553B3E" />
        <stop offset={1} stopColor="#3D2432" />
      </linearGradient>
      <linearGradient
        id="paint9_linear_31_136"
        x1={21.1875}
        y1={10.6755}
        x2={19.2015}
        y2={16.4455}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#553B3E" />
        <stop offset={1} stopColor="#3D2432" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = WoozyFaceIcon;