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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const DroolingFaceIcon = ({ 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_84)">
      <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_84)"
      />
      <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_84)"
      />
      <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_84)"
      />
      <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_84)"
        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_84)"
      />
      <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_84)"
      />
      <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_84)"
      />
      <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_84)"
      />
      <g opacity={0.5} filter="url(#filter0_f_31_84)">
        <path
          d="M7.5 13.5C7.5 13.5 7.75 11.5 10 11.5C12.25 11.5 12.5 13.5 12.5 13.5"
          stroke="#9A4609"
          strokeWidth={2}
          strokeLinecap="round"
        />
      </g>
      <g opacity={0.5} filter="url(#filter1_f_31_84)">
        <path
          d="M18.5 13.5C18.5 13.5 19 11.5 21 11.5C23 11.5 23.5 13.5 23.5 13.5"
          stroke="#9A4609"
          strokeWidth={2}
          strokeLinecap="round"
        />
      </g>
      <path
        d="M8 13C8 13 8.25 11 10.5 11C12.75 11 13 13 13 13"
        stroke="#43273B"
        strokeWidth={2}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <g opacity={0.26} filter="url(#filter2_f_31_84)">
        <path
          d="M8.25 12.75C8.25 12.75 8.5 10.75 10.75 10.75C13 10.75 13.25 12.75 13.25 12.75"
          stroke="white"
          strokeWidth={0.75}
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </g>
      <path
        d="M19 13C19 13 19.5 11 21.5 11C23.5 11 24 13 24 13"
        stroke="#43273B"
        strokeWidth={2}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <g opacity={0.26} filter="url(#filter3_f_31_84)">
        <path
          d="M19.25 12.75C19.25 12.75 19.5 10.75 21.75 10.75C24 10.75 24.25 12.75 24.25 12.75"
          stroke="white"
          strokeWidth={0.75}
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </g>
      <path
        d="M6.5 10.5C6.83333 9.5 8.1 7.5 10.5 7.5"
        stroke="url(#paint8_linear_31_84)"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M25.5 10.5C25.1667 9.5 23.9 7.5 21.5 7.5"
        stroke="url(#paint9_linear_31_84)"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M11.62 21.5H18.1L19.72 24.4028V31.1074L11.6199 29L11.62 21.5Z"
        fill="url(#paint10_radial_31_84)"
      />
      <path
        d="M16 25C9 25 9 18 9 18H23C23 18 23 25 16 25Z"
        fill="url(#paint11_radial_31_84)"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M10.1505 22C11.1004 23.5684 12.8344 25 16 25C19.1657 25 20.8997 23.5684 21.8496 22H10.1505Z"
        fill="url(#paint12_linear_31_84)"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M10.1505 22C11.1004 23.5684 12.8344 25 16 25C19.1657 25 20.8997 23.5684 21.8496 22H10.1505Z"
        fill="url(#paint13_radial_31_84)"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M16 23.5V25.25C16 25.6642 16.3358 26 16.75 26H16.8333C17.2015 26 17.5 26.2985 17.5 26.6667V26.75C17.5 27.4404 18.0596 28 18.75 28C19.4404 28 20 27.4404 20 26.75V23.9372C20.8204 23.4017 21.4165 22.7151 21.8496 22H20H19H17.5C16.6716 22 16 22.6716 16 23.5Z"
        fill="url(#paint14_radial_31_84)"
      />
    </g>
    <defs>
      <filter
        id="filter0_f_31_84"
        x={4.99988}
        y={9}
        width={10.0002}
        height={7.00012}
        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_84"
        />
      </filter>
      <filter
        id="filter1_f_31_84"
        x={15.9998}
        y={9}
        width={10.0005}
        height={7.00024}
        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_84"
        />
      </filter>
      <filter
        id="filter2_f_31_84"
        x={6.375}
        y={8.875}
        width={8.75}
        height={5.75006}
        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_84"
        />
      </filter>
      <filter
        id="filter3_f_31_84"
        x={17.375}
        y={8.875}
        width={8.75}
        height={5.75006}
        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_84"
        />
      </filter>
      <radialGradient
        id="paint0_radial_31_84"
        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_84"
        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_84"
        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_84"
        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_84"
        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_84"
        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_84"
        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_84"
        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_84"
        x1={6.83333}
        y1={11.4}
        x2={6.83333}
        y2={9.6}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0299084} stopColor="#524049" />
        <stop offset={1} stopColor="#4A2C42" />
      </linearGradient>
      <linearGradient
        id="paint9_linear_31_84"
        x1={25.1667}
        y1={11.4}
        x2={25.1667}
        y2={9.6}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0299084} stopColor="#524049" />
        <stop offset={1} stopColor="#4A2C42" />
      </linearGradient>
      <radialGradient
        id="paint10_radial_31_84"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.72 21.5) rotate(128.191) scale(7.63403 5.15729)"
      >
        <stop stopColor="#C20AA5" />
        <stop offset={1} stopColor="#C20A78" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint11_radial_31_84"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 25.5) rotate(-90) scale(7.5 15)"
      >
        <stop stopColor="#F70A8D" />
        <stop offset={1} stopColor="#89029C" />
      </radialGradient>
      <linearGradient
        id="paint12_linear_31_84"
        x1={16}
        y1={22}
        x2={16}
        y2={25}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#2962F3" />
        <stop offset={0.160122} stopColor="#3E7AFF" />
        <stop offset={0.253876} stopColor="#4588FF" />
        <stop offset={0.535137} stopColor="#4170FF" />
        <stop offset={1} stopColor="#3E69FF" />
      </linearGradient>
      <radialGradient
        id="paint13_radial_31_84"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 23.5) rotate(90) scale(3 1.74841)"
      >
        <stop stopColor="#323FFF" />
        <stop offset={1} stopColor="#323FFF" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint14_radial_31_84"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23.5 26) rotate(-172.405) scale(7.56637 7.8168)"
      >
        <stop offset={0.408311} stopColor="#325CFF" />
        <stop offset={0.574014} stopColor="#4889FF" />
        <stop offset={0.739718} stopColor="#3C6BF7" />
        <stop offset={0.899655} stopColor="#3F72FF" />
        <stop offset={1} stopColor="#3156FE" />
      </radialGradient>
      <clipPath id="clip0_31_84">
        <rect width={32} height={32} fill="white" />
      </clipPath>
    </defs>
  </svg>
);
module.exports = DroolingFaceIcon;