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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const GrinningFaceWithSweatIcon = ({ 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_23_367)">
      <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_23_367)"
      />
      <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_23_367)"
      />
      <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_23_367)"
        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(#paint3_radial_23_367)"
      />
      <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_23_367)"
      />
      <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_23_367)"
      />
      <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_23_367)"
      />
      <g opacity={0.5} filter="url(#filter0_f_23_367)">
        <path
          d="M8.5 13.5C8.5 13.5 8.75 11.5 11 11.5C13.25 11.5 13.5 13.5 13.5 13.5"
          stroke="#9A4609"
          strokeWidth={2}
          strokeLinecap="round"
        />
      </g>
      <g opacity={0.5} filter="url(#filter1_f_23_367)">
        <path
          d="M17.5 13.5C17.5 13.5 18 11.5 20 11.5C22 11.5 22.5 13.5 22.5 13.5"
          stroke="#9A4609"
          strokeWidth={2}
          strokeLinecap="round"
        />
      </g>
      <path
        d="M9 13C9 13 9.25 11 11.5 11C13.75 11 14 13 14 13"
        stroke="#43273B"
        strokeWidth={2}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <g opacity={0.26} filter="url(#filter2_f_23_367)">
        <path
          d="M9.25 12.75C9.25 12.75 9.5 10.75 11.75 10.75C14 10.75 14.25 12.75 14.25 12.75"
          stroke="white"
          strokeWidth={0.75}
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </g>
      <path
        d="M18 13C18 13 18.5 11 20.5 11C22.5 11 23 13 23 13"
        stroke="#43273B"
        strokeWidth={2}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <g opacity={0.26} filter="url(#filter3_f_23_367)">
        <path
          d="M18.25 12.75C18.25 12.75 18.5 10.75 20.75 10.75C23 10.75 23.25 12.75 23.25 12.75"
          stroke="white"
          strokeWidth={0.75}
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </g>
      <path
        d="M16 25C7 25 7 16 7 16H25C25 16 25 25 16 25Z"
        fill="url(#paint7_radial_23_367)"
      />
      <path
        d="M8 16.5V16H24V16.5C24 17.0523 23.5523 17.5 23 17.5H9C8.44772 17.5 8 17.0523 8 16.5Z"
        fill="url(#paint8_linear_23_367)"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M22 3.05054C21.3814 3.6818 21 4.54636 21 5.49999V12.5C21 14.433 22.567 16 24.5 16C26.433 16 28 14.433 28 12.5V8.12172C26.6671 5.87612 24.6672 4.09919 22 3.05054Z"
        fill="url(#paint9_radial_23_367)"
      />
      <rect
        x={24}
        y={2}
        width={5}
        height={10}
        rx={2.5}
        fill="url(#paint10_radial_23_367)"
      />
    </g>
    <defs>
      <filter
        id="filter0_f_23_367"
        x={6}
        y={9}
        width={10}
        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_23_367"
        />
      </filter>
      <filter
        id="filter1_f_23_367"
        x={14.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_23_367"
        />
      </filter>
      <filter
        id="filter2_f_23_367"
        x={7.375}
        y={8.875}
        width={8.75}
        height={5.75}
        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_23_367"
        />
      </filter>
      <filter
        id="filter3_f_23_367"
        x={16.375}
        y={8.875}
        width={8.75}
        height={5.75}
        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_23_367"
        />
      </filter>
      <radialGradient
        id="paint0_radial_23_367"
        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="paint1_radial_23_367"
        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="paint2_radial_23_367"
        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="paint3_radial_23_367"
        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="paint4_radial_23_367"
        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="paint5_radial_23_367"
        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="paint6_radial_23_367"
        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="paint7_radial_23_367"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 27) rotate(-90) scale(11 22)"
      >
        <stop stopColor="#F70A8D" />
        <stop offset={1} stopColor="#89029C" />
      </radialGradient>
      <linearGradient
        id="paint8_linear_23_367"
        x1={16}
        y1={16}
        x2={16}
        y2={17.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#ECCDFF" />
        <stop offset={1} stopColor="white" />
      </linearGradient>
      <radialGradient
        id="paint9_radial_23_367"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(26.5 4.5) rotate(109.29) scale(10.5948 4.89516)"
      >
        <stop stopColor="#392108" />
        <stop offset={1} stopColor="#C87928" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint10_radial_23_367"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(28.1667 2.45455) rotate(103.449) scale(10.7493 3.72027)"
      >
        <stop stopColor="#5C98FF" />
        <stop offset={0.805982} stopColor="#3D5BF1" />
        <stop offset={0.962238} stopColor="#6065CA" />
      </radialGradient>
      <clipPath id="clip0_23_367">
        <rect width={32} height={32} fill="white" />
      </clipPath>
    </defs>
  </svg>
);
module.exports = GrinningFaceWithSweatIcon;