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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const NerdFaceIcon = ({ 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_1410)"
    />
    <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_1410)"
    />
    <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_1410)"
    />
    <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_1410)"
      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_1410)"
    />
    <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_1410)"
    />
    <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_1410)"
    />
    <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_1410)"
    />
    <path
      d="M23 20C23 23.87 19.87 27 16 27C12.13 27 9 23.87 9 20H16H23Z"
      fill="url(#paint8_radial_31_1410)"
    />
    <path
      d="M13 20H19V20.5C19 21.0523 18.5523 21.5 18 21.5H14C13.4477 21.5 13 21.0523 13 20.5V20Z"
      fill="url(#paint9_linear_31_1410)"
    />
    <path
      d="M9.5 18C11.9853 18 14 15.9853 14 13.5C14 11.0147 11.9853 9 9.5 9C7.01472 9 5 11.0147 5 13.5C5 15.9853 7.01472 18 9.5 18Z"
      fill="white"
    />
    <path
      d="M22.5 18C24.9853 18 27 15.9853 27 13.5C27 11.0147 24.9853 9 22.5 9C20.0147 9 18 11.0147 18 13.5C18 15.9853 20.0147 18 22.5 18Z"
      fill="white"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M10.5 11C9.11895 11 8 12.119 8 13.5C8 14.881 9.11895 16 10.5 16C11.881 16 13 14.881 13 13.5C13 12.119 11.881 11 10.5 11ZM21.5 11C20.119 11 19 12.119 19 13.5C19 14.881 20.119 16 21.5 16C22.881 16 24 14.881 24 13.5C24 12.119 22.881 11 21.5 11Z"
      fill="#402A32"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M1 13C1 12.4477 1.44772 12 2 12H4.5V14H2C1.44772 14 1 13.5523 1 13ZM29.913 14H27.5V12H29.913C30.5109 12 31 12.45 31 13C31 13.55 30.5109 14 29.913 14ZM14 12H18V14H14V12Z"
      fill="url(#paint10_linear_31_1410)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M9.5 9C7.01472 9 5 11.0147 5 13.5C5 15.9853 7.01472 18 9.5 18C11.9853 18 14 15.9853 14 13.5C14 11.0147 11.9853 9 9.5 9ZM4 13.5C4 10.4624 6.46243 8 9.5 8C12.5376 8 15 10.4624 15 13.5C15 16.5376 12.5376 19 9.5 19C6.46243 19 4 16.5376 4 13.5Z"
      fill="url(#paint11_radial_31_1410)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M22.5 9.00733C20.0188 9.00733 18.0073 11.0188 18.0073 13.5C18.0073 15.9812 20.0188 17.9927 22.5 17.9927C24.9812 17.9927 26.9927 15.9812 26.9927 13.5C26.9927 11.0188 24.9812 9.00733 22.5 9.00733ZM17 13.5C17 10.4624 19.4624 8 22.5 8C25.5376 8 28 10.4624 28 13.5C28 16.5376 25.5376 19 22.5 19C19.4624 19 17 16.5376 17 13.5Z"
      fill="url(#paint12_radial_31_1410)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M9.5 9C7.01472 9 5 11.0147 5 13.5C5 15.9853 7.01472 18 9.5 18C11.9853 18 14 15.9853 14 13.5C14 11.0147 11.9853 9 9.5 9ZM4 13.5C4 10.4624 6.46243 8 9.5 8C12.5376 8 15 10.4624 15 13.5C15 16.5376 12.5376 19 9.5 19C6.46243 19 4 16.5376 4 13.5Z"
      fill="url(#paint13_radial_31_1410)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M22.5 9C20.0147 9 18 11.0147 18 13.5C18 15.9853 20.0147 18 22.5 18C24.9853 18 27 15.9853 27 13.5C27 11.0147 24.9853 9 22.5 9ZM17 13.5C17 10.4624 19.4624 8 22.5 8C25.5376 8 28 10.4624 28 13.5C28 16.5376 25.5376 19 22.5 19C19.4624 19 17 16.5376 17 13.5Z"
      fill="url(#paint14_radial_31_1410)"
    />
    <defs>
      <radialGradient
        id="paint0_radial_31_1410"
        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_1410"
        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_1410"
        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_1410"
        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_1410"
        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_1410"
        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_1410"
        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_1410"
        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_1410"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 28.5556) rotate(-90) scale(9.55556 19.1111)"
      >
        <stop stopColor="#F70A8D" />
        <stop offset={1} stopColor="#89029C" />
      </radialGradient>
      <linearGradient
        id="paint9_linear_31_1410"
        x1={16}
        y1={20}
        x2={16}
        y2={21.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#CEA4F3" />
        <stop offset={0.279919} stopColor="#ECCDFF" />
        <stop offset={1} stopColor="white" />
      </linearGradient>
      <linearGradient
        id="paint10_linear_31_1410"
        x1={16}
        y1={12}
        x2={16}
        y2={14}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5F5253" />
        <stop offset={1} stopColor="#4D2C4F" />
      </linearGradient>
      <radialGradient
        id="paint11_radial_31_1410"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(13 11) rotate(131.186) scale(10.6301)"
      >
        <stop stopColor="#54424A" />
        <stop offset={1} stopColor="#52394D" />
      </radialGradient>
      <radialGradient
        id="paint12_radial_31_1410"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(26 11) rotate(131.186) scale(10.6301)"
      >
        <stop stopColor="#54424A" />
        <stop offset={1} stopColor="#52394D" />
      </radialGradient>
      <radialGradient
        id="paint13_radial_31_1410"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10 13.5) rotate(170.538) scale(6.08276)"
      >
        <stop offset={0.899365} stopColor="#3B2131" stopOpacity={0} />
        <stop offset={1} stopColor="#422833" />
      </radialGradient>
      <radialGradient
        id="paint14_radial_31_1410"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23 13.5) rotate(170.538) scale(6.08276)"
      >
        <stop offset={0.899365} stopColor="#3B2131" stopOpacity={0} />
        <stop offset={1} stopColor="#422833" />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = NerdFaceIcon;