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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const ZanyFaceIcon = ({ 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}
    <g clipPath="url(#clip0_31_30)">
      <g clipPath="url(#clip1_31_30)">
        <path
          d="M19.6218 29.5211C28.6381 27.1051 31.5215 19.8439 29.5205 12.376C27.5194 4.90806 21.3918 0.0613532 12.3754 2.47729C3.35901 4.89322 0.475668 12.1544 2.47669 19.6223C4.47772 27.0903 10.6054 31.937 19.6218 29.5211Z"
          fill="url(#paint0_radial_31_30)"
        />
        <path
          d="M19.6218 29.5211C28.6381 27.1051 31.5215 19.8439 29.5205 12.376C27.5194 4.90806 21.3918 0.0613532 12.3754 2.47729C3.35901 4.89322 0.475668 12.1544 2.47669 19.6223C4.47772 27.0903 10.6054 31.937 19.6218 29.5211Z"
          fill="url(#paint1_radial_31_30)"
        />
        <path
          d="M19.6218 29.5211C28.6381 27.1051 31.5215 19.8439 29.5205 12.376C27.5194 4.90806 21.3918 0.0613532 12.3754 2.47729C3.35901 4.89322 0.475668 12.1544 2.47669 19.6223C4.47772 27.0903 10.6054 31.937 19.6218 29.5211Z"
          fill="url(#paint2_radial_31_30)"
        />
        <path
          d="M19.6218 29.5211C28.6381 27.1051 31.5215 19.8439 29.5205 12.376C27.5194 4.90806 21.3918 0.0613532 12.3754 2.47729C3.35901 4.89322 0.475668 12.1544 2.47669 19.6223C4.47772 27.0903 10.6054 31.937 19.6218 29.5211Z"
          fill="url(#paint3_radial_31_30)"
          fillOpacity={0.6}
        />
        <path
          d="M19.6218 29.5211C28.6381 27.1051 31.5215 19.8439 29.5205 12.376C27.5194 4.90806 21.3918 0.0613532 12.3754 2.47729C3.35901 4.89322 0.475668 12.1544 2.47669 19.6223C4.47772 27.0903 10.6054 31.937 19.6218 29.5211Z"
          fill="url(#paint4_radial_31_30)"
        />
        <path
          d="M19.6218 29.5211C28.6381 27.1051 31.5215 19.8439 29.5205 12.376C27.5194 4.90806 21.3918 0.0613532 12.3754 2.47729C3.35901 4.89322 0.475668 12.1544 2.47669 19.6223C4.47772 27.0903 10.6054 31.937 19.6218 29.5211Z"
          fill="url(#paint5_radial_31_30)"
        />
        <path
          d="M19.6218 29.5211C28.6381 27.1051 31.5215 19.8439 29.5205 12.376C27.5194 4.90806 21.3918 0.0613532 12.3754 2.47729C3.35901 4.89322 0.475668 12.1544 2.47669 19.6223C4.47772 27.0903 10.6054 31.937 19.6218 29.5211Z"
          fill="url(#paint6_radial_31_30)"
        />
        <path
          d="M19.6218 29.5211C28.6381 27.1051 31.5215 19.8439 29.5205 12.376C27.5194 4.90806 21.3918 0.0613532 12.3754 2.47729C3.35901 4.89322 0.475668 12.1544 2.47669 19.6223C4.47772 27.0903 10.6054 31.937 19.6218 29.5211Z"
          fill="url(#paint7_radial_31_30)"
        />
      </g>
      <path
        d="M18.5883 25.6593C8.92901 28.2475 6.34082 18.5882 6.34082 18.5882L25.6593 13.4118C25.6593 13.4118 28.2475 23.0711 18.5883 25.6593Z"
        fill="url(#paint8_radial_31_30)"
      />
      <path
        d="M23.6326 15.5077L9.14376 19.39C8.34356 19.6044 7.52105 19.1295 7.30664 18.3293L24.6933 13.6706C24.9077 14.4708 24.4328 15.2933 23.6326 15.5077Z"
        fill="url(#paint9_linear_31_30)"
      />
      <path
        d="M19.3796 28.553C23.4365 27.4659 23.6241 21.7734 23.4779 20.7256C23.1376 18.3903 19.3817 18.8415 16.9519 19.4926C14.5221 20.1436 10.9906 21.6543 11.8868 23.8314C12.2841 24.812 15.3227 29.64 19.3796 28.553Z"
        fill="url(#paint10_radial_31_30)"
      />
      <g opacity={0.5} filter="url(#filter0_f_31_30)">
        <path
          d="M20.6495 25.6246C21.486 24.8828 23.1591 23.3992 22.7708 21.9503"
          stroke="white"
        />
      </g>
      <circle
        cx={8.20331}
        cy={13.948}
        r={5}
        transform="rotate(-15 8.20331 13.948)"
        fill="url(#paint11_radial_31_30)"
      />
      <circle
        cx={17.475}
        cy={10.7134}
        r={4.5}
        transform="rotate(-15 17.475 10.7134)"
        fill="url(#paint12_radial_31_30)"
      />
      <path
        d="M10.4285 16.4576C12.8291 15.8144 14.2537 13.3468 13.6105 10.9462C12.9672 8.54565 10.4997 7.12103 8.09911 7.76427C5.69851 8.40751 4.27389 10.875 4.91713 13.2756C5.56037 15.6762 8.02788 17.1008 10.4285 16.4576Z"
        fill="white"
      />
      <path
        d="M21.0537 13.6106C23.4543 12.9674 24.8789 10.4998 24.2356 8.09924C23.5924 5.69864 21.1249 4.27402 18.7243 4.91726C16.3237 5.5605 14.8991 8.02801 15.5423 10.4286C16.1855 12.8292 18.6531 14.2538 21.0537 13.6106Z"
        fill="white"
      />
      <path
        d="M9.68685 15.6211C10.7538 15.3352 11.387 14.2385 11.1011 13.1716C10.8152 12.1047 9.71851 11.4715 8.65158 11.7574C7.58465 12.0433 6.95148 13.1399 7.23736 14.2069C7.52325 15.2738 8.61992 15.907 9.68685 15.6211Z"
        fill="url(#paint13_linear_31_30)"
      />
      <path
        d="M20.5016 9.61743C21.5685 9.33154 22.2016 8.23487 21.9158 7.16794C21.6299 6.10101 20.5332 5.46784 19.4663 5.75372C18.3993 6.03961 17.7662 7.13628 18.0521 8.20321C18.3379 9.27015 19.4346 9.90331 20.5016 9.61743Z"
        fill="url(#paint14_linear_31_30)"
      />
    </g>
    <defs>
      <filter
        id="filter0_f_31_30"
        x={19.3179}
        y={20.8209}
        width={5.01099}
        height={6.17773}
        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_30"
        />
      </filter>
      <radialGradient
        id="paint0_radial_31_30"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23.3645 6.7797) rotate(117.839) scale(37.5033)"
      >
        <stop stopColor="#FFF478" />
        <stop offset={0.474827} stopColor="#FFB02E" />
        <stop offset={1} stopColor="#F70A8D" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_31_30"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23.3645 6.7797) rotate(116.878) scale(38.9487)"
      >
        <stop stopColor="#FFF478" />
        <stop offset={0.474827} stopColor="#FFB02E" />
        <stop offset={1} stopColor="#F70A8D" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_31_30"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.0941 12.6192) rotate(86.3099) 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_30"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.4142 13.5505) rotate(120) scale(41.0122)"
      >
        <stop offset={0.314853} stopOpacity={0} />
        <stop offset={1} />
      </radialGradient>
      <radialGradient
        id="paint4_radial_31_30"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.2588 16.9659) rotate(62.692) scale(28.1469)"
      >
        <stop offset={0.507903} stopColor="#7D6133" stopOpacity={0} />
        <stop offset={1} stopColor="#715B32" />
      </radialGradient>
      <radialGradient
        id="paint5_radial_31_30"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.6123 16.3535) rotate(40.7131) scale(13.3135 9.65032)"
      >
        <stop stopColor="#FFB849" />
        <stop offset={1} stopColor="#FFB847" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint6_radial_31_30"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.8642 16.7671) rotate(-5.13419) scale(11.6726)"
      >
        <stop stopColor="#FFA64B" />
        <stop offset={0.900412} stopColor="#FFAE46" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint7_radial_31_30"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.19 14.6458) rotate(28.9708) scale(59.0529)"
      >
        <stop offset={0.185425} stopOpacity={0} />
        <stop offset={1} stopOpacity={0.4} />
      </radialGradient>
      <radialGradient
        id="paint8_radial_31_30"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.1634 27.8058) rotate(-105) scale(12.2222 24.4444)"
      >
        <stop stopColor="#F70A8D" />
        <stop offset={1} stopColor="#89029C" />
      </radialGradient>
      <linearGradient
        id="paint9_linear_31_30"
        x1={16}
        y1={16}
        x2={16.3882}
        y2={17.4489}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#ECCDFF" />
        <stop offset={1} stopColor="white" />
      </linearGradient>
      <radialGradient
        id="paint10_radial_31_30"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.1063 29.3935) rotate(-114.866) scale(11.6726 20.292)"
      >
        <stop stopColor="#FF1C4A" />
        <stop offset={0.765733} stopColor="#FF2B8F" />
        <stop offset={0.864496} stopColor="#BB0773" />
        <stop offset={0.886239} stopColor="#9F0762" />
      </radialGradient>
      <radialGradient
        id="paint11_radial_31_30"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.0922 10.0591) rotate(146.661) scale(10.4604 5.41393)"
      >
        <stop stopColor="#392108" />
        <stop offset={1} stopColor="#C87928" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint12_radial_31_30"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.5816 10.8072) rotate(-147.897) scale(6.80073 3.83912)"
      >
        <stop stopColor="#392108" />
        <stop offset={1} stopColor="#C87928" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint13_linear_31_30"
        x1={16.9734}
        y1={9.52756}
        x2={17.351}
        y2={13.5987}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#553B3E" />
        <stop offset={1} stopColor="#3D2432" />
      </linearGradient>
      <linearGradient
        id="paint14_linear_31_30"
        x1={20.0607}
        y1={5.59445}
        x2={20.4383}
        y2={9.6656}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#553B3E" />
        <stop offset={1} stopColor="#3D2432" />
      </linearGradient>
      <clipPath id="clip0_31_30">
        <rect width={32} height={32} fill="white" />
      </clipPath>
      <clipPath id="clip1_31_30">
        <rect
          width={32}
          height={32}
          fill="white"
          transform="translate(-3.59595 4.68628) rotate(-15)"
        />
      </clipPath>
    </defs>
  </svg>
);
module.exports = ZanyFaceIcon;