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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const ThinkingFaceIcon = ({ 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_62)"
    />
    <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_62)"
    />
    <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_62)"
    />
    <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_62)"
      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_62)"
    />
    <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_62)"
    />
    <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_62)"
    />
    <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_62)"
    />
    <path
      d="M9.99994 21.5V18.4393C9.99994 17.6444 9.35554 17 8.56062 17C7.71986 17 7.05542 17.7181 7.04315 18.5588C7.02329 19.9202 6.8351 21.7216 5.99995 22C2.99985 23 1.99999 27.5 4.49994 29.5C6.5 31.1001 8.49994 31 9.99994 31H12.7639C13.4465 31 13.9999 30.4466 13.9999 29.7639C13.9999 29.2957 13.7354 28.8677 13.3167 28.6584L12.9999 28.5H13.7192C14.1781 28.5 14.5781 28.1877 14.6894 27.7425L14.7574 27.4701C14.8806 26.9774 14.5079 26.5 13.9999 26.5L14.3291 26.3354C14.7402 26.1298 14.9999 25.7096 14.9999 25.25C14.9999 24.7904 14.7402 24.3702 14.3291 24.1646L13.9999 24H15.7499C16.4403 24 16.9999 23.4404 16.9999 22.75C16.9999 22.0596 16.4403 21.5 15.7499 21.5H9.99994Z"
      fill="url(#paint8_radial_31_62)"
    />
    <path
      d="M13 19C13 19 14.124 17.6971 16.25 18C18.376 18.3029 19 20 19 20"
      stroke="#402A32"
      strokeWidth={2}
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <circle
      cx={9.01705}
      cy={13.4205}
      r={4.6733}
      fill="url(#paint9_radial_31_62)"
    />
    <circle
      cx={19.2443}
      cy={13.9432}
      r={4.24431}
      fill="url(#paint10_radial_31_62)"
    />
    <path
      d="M10.4191 16.2244C12.742 16.2244 14.6251 14.3414 14.6251 12.0185C14.6251 9.69557 12.742 7.8125 10.4191 7.8125C8.09621 7.8125 6.21313 9.69557 6.21313 12.0185C6.21313 14.3414 8.09621 16.2244 10.4191 16.2244Z"
      fill="white"
    />
    <path
      d="M21.5683 16.3011C23.9123 16.3011 25.8126 14.4009 25.8126 12.0568C25.8126 9.71274 23.9123 7.8125 21.5683 7.8125C19.2242 7.8125 17.324 9.71274 17.324 12.0568C17.324 14.4009 19.2242 16.3011 21.5683 16.3011Z"
      fill="white"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M13 11.5C13 13.1569 11.6569 14.5 10 14.5C8.34315 14.5 7 13.1569 7 11.5C7 9.84315 8.34315 8.5 10 8.5C11.6569 8.5 13 9.84315 13 11.5ZM24 11.5C24 13.1569 22.6569 14.5 21 14.5C19.3431 14.5 18 13.1569 18 11.5C18 9.84315 19.3431 8.5 21 8.5C22.6569 8.5 24 9.84315 24 11.5Z"
      fill="url(#paint11_linear_31_62)"
    />
    <g filter="url(#filter0_f_31_62)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M12.703 28.6881L12.7575 28.4701C12.8806 27.9774 12.5079 27.5 12 27.5L12.3291 27.3354C12.7403 27.1298 13 26.7096 13 26.25C13 25.7904 12.7403 25.3702 12.3291 25.1646L12 25H13.75C14.4403 25 15 24.4404 15 23.75C15 23.0596 14.4403 22.5 13.75 22.5H7.99996V19.4393C7.99996 18.6444 7.35555 18 6.56064 18C5.71988 18 5.05544 18.7181 5.04317 19.5588C5.02774 20.6166 4.91069 21.94 4.46753 22.6082C6.00472 25.6503 8.74961 27.8957 12.703 28.6881Z"
        fill="#E4694E"
      />
    </g>
    <path
      d="M9.99994 21.5V18.4393C9.99994 17.6444 9.35554 17 8.56062 17C7.71986 17 7.05542 17.7181 7.04315 18.5588C7.02329 19.9202 6.8351 21.7216 5.99995 22C2.99985 23 1.99999 27.5 4.49994 29.5C6.5 31.1001 8.49994 31 9.99994 31H12.7639C13.4465 31 13.9999 30.4466 13.9999 29.7639C13.9999 29.2957 13.7354 28.8677 13.3167 28.6584L12.9999 28.5H13.7192C14.1781 28.5 14.5781 28.1877 14.6894 27.7425L14.7574 27.4701C14.8806 26.9774 14.5079 26.5 13.9999 26.5L14.3291 26.3354C14.7402 26.1298 14.9999 25.7096 14.9999 25.25C14.9999 24.7904 14.7402 24.3702 14.3291 24.1646L13.9999 24H15.7499C16.4403 24 16.9999 23.4404 16.9999 22.75C16.9999 22.0596 16.4403 21.5 15.7499 21.5H9.99994Z"
      fill="url(#paint12_radial_31_62)"
    />
    <path
      d="M9.99994 21.5V18.4393C9.99994 17.6444 9.35554 17 8.56062 17C7.71986 17 7.05542 17.7181 7.04315 18.5588C7.02329 19.9202 6.8351 21.7216 5.99995 22C2.99985 23 1.99999 27.5 4.49994 29.5C6.5 31.1001 8.49994 31 9.99994 31H12.7639C13.4465 31 13.9999 30.4466 13.9999 29.7639C13.9999 29.2957 13.7354 28.8677 13.3167 28.6584L12.9999 28.5H13.7192C14.1781 28.5 14.5781 28.1877 14.6894 27.7425L14.7574 27.4701C14.8806 26.9774 14.5079 26.5 13.9999 26.5L14.3291 26.3354C14.7402 26.1298 14.9999 25.7096 14.9999 25.25C14.9999 24.7904 14.7402 24.3702 14.3291 24.1646L13.9999 24H15.7499C16.4403 24 16.9999 23.4404 16.9999 22.75C16.9999 22.0596 16.4403 21.5 15.7499 21.5H9.99994Z"
      fill="url(#paint13_radial_31_62)"
    />
    <path
      d="M12.5 4.5C12.1667 4.16667 11.2 3.5 10 3.5C8.8 3.5 7.83333 4.16667 7.5 4.5"
      stroke="#402A32"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M18.5 8.5C18.5 8.5 19.5 7.5 21.5 7.5C23.5 7.5 24.5 8.5 24.5 8.5"
      stroke="#402A32"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <g opacity={0.8} filter="url(#filter1_f_31_62)">
      <rect x={10} y={23} width={7} height={1} fill="#FFA048" />
    </g>
    <path
      d="M11 24H14C14.5523 24 15 24.4477 15 25L11 24Z"
      fill="url(#paint14_linear_31_62)"
    />
    <path
      d="M11 28.5H13C13.5523 28.5 14 28.9477 14 29.5L11 28.5Z"
      fill="url(#paint15_linear_31_62)"
    />
    <path
      d="M11 26.5H14C14.5523 26.5 15 26.9477 15 27.5L11 26.5Z"
      fill="url(#paint16_linear_31_62)"
    />
    <defs>
      <filter
        id="filter0_f_31_62"
        x={2.46753}
        y={16}
        width={14.5325}
        height={14.6881}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_31_62"
        />
      </filter>
      <filter
        id="filter1_f_31_62"
        x={8.5}
        y={21.5}
        width={10}
        height={4}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.75}
          result="effect1_foregroundBlur_31_62"
        />
      </filter>
      <radialGradient
        id="paint0_radial_31_62"
        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_62"
        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_62"
        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_62"
        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_62"
        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_62"
        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_62"
        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_62"
        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_62"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.5 22) rotate(-178.264) scale(16.5076 15.3937)"
      >
        <stop offset={0.0661917} stopColor="#FFEA67" />
        <stop offset={0.593499} stopColor="#FFC13F" />
        <stop offset={0.904482} stopColor="#DF9030" />
      </radialGradient>
      <radialGradient
        id="paint9_radial_31_62"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.6518 9.7857) rotate(135) scale(10.2026 5.2805)"
      >
        <stop stopColor="#392108" />
        <stop offset={1} stopColor="#C87928" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint10_radial_31_62"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.5454 10.642) rotate(133.664) scale(9.48022 5.35173)"
      >
        <stop stopColor="#392108" />
        <stop offset={1} stopColor="#C87928" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint11_linear_31_62"
        x1={16.5}
        y1={7}
        x2={15.5}
        y2={14}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#553B3E" />
        <stop offset={1} stopColor="#3D2432" />
      </linearGradient>
      <radialGradient
        id="paint12_radial_31_62"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.5 22) rotate(-178.264) scale(16.5076 15.3937)"
      >
        <stop offset={0.0661917} stopColor="#FFEA67" />
        <stop offset={0.593499} stopColor="#FFC13F" />
        <stop offset={0.904482} stopColor="#DF9030" />
      </radialGradient>
      <radialGradient
        id="paint13_radial_31_62"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.5 22.5) rotate(172.235) scale(11.1018 11.3836)"
      >
        <stop offset={0.499571} stopColor="#FFEA67" stopOpacity={0} />
        <stop offset={0.851196} stopColor="#F9708E" />
      </radialGradient>
      <linearGradient
        id="paint14_linear_31_62"
        x1={12.5}
        y1={24}
        x2={14}
        y2={25.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FA9428" />
        <stop offset={1} stopColor="#FA9428" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint15_linear_31_62"
        x1={11.5}
        y1={28.5}
        x2={13}
        y2={30}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FA9428" />
        <stop offset={1} stopColor="#FA9428" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint16_linear_31_62"
        x1={11.5}
        y1={26.5}
        x2={13}
        y2={28}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FA9428" />
        <stop offset={1} stopColor="#FA9428" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = ThinkingFaceIcon;