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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const FaceWithTearsOfJoyIcon = ({ 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_23_377)"
    />
    <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_377)"
    />
    <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_377)"
    />
    <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_377)"
      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_23_377)"
    />
    <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_377)"
    />
    <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_377)"
    />
    <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_23_377)"
    />
    <g opacity={0.5} filter="url(#filter0_f_23_377)">
      <path
        d="M7.5 11.5C7.5 11.5 7.75 9.5 10 9.5C12.25 9.5 12.5 11.5 12.5 11.5"
        stroke="#9A4609"
        strokeWidth={2}
        strokeLinecap="round"
      />
    </g>
    <g opacity={0.5} filter="url(#filter1_f_23_377)">
      <path
        d="M18.5 11.5C18.5 11.5 19 9.5 21 9.5C23 9.5 23.5 11.5 23.5 11.5"
        stroke="#9A4609"
        strokeWidth={2}
        strokeLinecap="round"
      />
    </g>
    <path
      d="M8 11C8 11 8.25 9 10.5 9C12.75 9 13 11 13 11"
      stroke="#43273B"
      strokeWidth={2}
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <g opacity={0.26} filter="url(#filter2_f_23_377)">
      <path
        d="M8.25 10.75C8.25 10.75 8.5 8.75 10.75 8.75C13 8.75 13.25 10.75 13.25 10.75"
        stroke="white"
        strokeWidth={0.75}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </g>
    <path
      d="M19 11C19 11 19.5 9 21.5 9C23.5 9 24 11 24 11"
      stroke="#43273B"
      strokeWidth={2}
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <g opacity={0.26} filter="url(#filter3_f_23_377)">
      <path
        d="M19.25 10.75C19.25 10.75 19.5 8.75 21.75 8.75C24 8.75 24.25 10.75 24.25 10.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(#paint8_radial_23_377)"
    />
    <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(#paint9_linear_23_377)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M2.9376 21.625C3.75695 22.1827 4.89237 22.1076 5.63013 21.3698L8.99993 18C9.82836 17.1716 9.82836 15.8284 8.99993 15C8.17151 14.1716 6.82836 14.1716 5.99993 15L2.63013 18.3698C2.46578 18.5341 2.33375 18.7193 2.23437 18.917C2.39065 19.8581 2.62505 20.7642 2.9376 21.625Z"
      fill="url(#paint10_radial_23_377)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M29.8754 18.1254L26.75 15C25.9216 14.1716 24.5784 14.1716 23.75 15C22.9216 15.8284 22.9216 17.1716 23.75 18L27.1198 21.3698C27.6158 21.8658 28.2917 22.0624 28.9303 21.9683C29.401 20.7707 29.716 19.48 29.8754 18.1254Z"
      fill="url(#paint11_radial_23_377)"
    />
    <path
      d="M8 17L4.6302 20.3698C3.75264 21.2474 2.31246 21.1875 1.51081 20.2401C0.798161 19.3978 0.850067 18.1499 1.6302 17.3698L5 14C5.82843 13.1716 7.17157 13.1716 8 14C8.82843 14.8284 8.82843 16.1716 8 17Z"
      fill="url(#paint12_radial_23_377)"
    />
    <path
      d="M24.25 17L27.6198 20.3698C28.4974 21.2474 29.9375 21.1875 30.7392 20.2401C31.4518 19.3978 31.3999 18.1499 30.6198 17.3698L27.25 14C26.4216 13.1716 25.0784 13.1716 24.25 14C23.4216 14.8284 23.4216 16.1716 24.25 17Z"
      fill="url(#paint13_radial_23_377)"
    />
    <defs>
      <filter
        id="filter0_f_23_377"
        x={5}
        y={7}
        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_377"
        />
      </filter>
      <filter
        id="filter1_f_23_377"
        x={15.9998}
        y={7}
        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_377"
        />
      </filter>
      <filter
        id="filter2_f_23_377"
        x={6.375}
        y={6.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_377"
        />
      </filter>
      <filter
        id="filter3_f_23_377"
        x={17.375}
        y={6.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_377"
        />
      </filter>
      <radialGradient
        id="paint0_radial_23_377"
        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_23_377"
        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_23_377"
        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_23_377"
        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_23_377"
        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_23_377"
        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_23_377"
        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_23_377"
        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_23_377"
        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="paint9_linear_23_377"
        x1={16}
        y1={16}
        x2={16}
        y2={17.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#ECCDFF" />
        <stop offset={1} stopColor="white" />
      </linearGradient>
      <radialGradient
        id="paint10_radial_23_377"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(4 19.5) rotate(-32.0054) scale(4.71699 3.06194)"
      >
        <stop stopColor="#6D4534" />
        <stop offset={1} stopColor="#FF822D" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint11_radial_23_377"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.5 16.5) rotate(33.6901) scale(5.40833 3.5107)"
      >
        <stop stopColor="#6D4534" />
        <stop offset={1} stopColor="#FF822D" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint12_radial_23_377"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8 15) rotate(147.529) scale(6.5192 2.96814)"
      >
        <stop stopColor="#508FFF" />
        <stop offset={1} stopColor="#3D5BF1" />
      </radialGradient>
      <radialGradient
        id="paint13_radial_23_377"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.5 15.5) rotate(49.3987) scale(4.60977 2.09879)"
      >
        <stop stopColor="#5092FF" />
        <stop offset={1} stopColor="#3F5FFF" />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = FaceWithTearsOfJoyIcon;