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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const SmilingFaceWithHeartEyesIcon = ({ 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_456)"
    />
    <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_456)"
    />
    <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_456)"
    />
    <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_456)"
      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_456)"
    />
    <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_456)"
    />
    <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_456)"
    />
    <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_456)"
    />
    <path
      d="M16 25C7 25 7 16 7 16H25C25 16 25 25 16 25Z"
      fill="url(#paint8_radial_23_456)"
    />
    <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_456)"
    />
    <path
      d="M10.5002 15.5C10.5002 15.5 7.49998 15 5.4501 12.6342C3.35976 10.2217 5.31118 6.7673 9.00012 8.50002C10.5771 5.92775 14.4903 6.87914 13.97 10C13.4698 13 10.5002 15.5 10.5002 15.5Z"
      fill="url(#paint10_radial_23_456)"
    />
    <path
      d="M19.5172 15.5C19.5172 15.5 22.5174 15 24.5672 12.6342C26.6576 10.2217 24.7062 6.7673 21.0172 8.50002C19.4402 5.92775 15.527 6.87914 16.0473 10C16.5475 13 19.5172 15.5 19.5172 15.5Z"
      fill="url(#paint11_radial_23_456)"
    />
    <path
      d="M10.5928 14.2704C9.54671 13.9405 7.7854 13.1917 6.43594 11.6342C4.3456 9.22172 6.29702 5.7673 9.98596 7.50002C11.5629 4.92775 15.4761 5.87914 14.9558 9C14.6074 11.0898 13.0607 12.937 12.1542 13.8655C11.745 14.2846 11.1514 14.4466 10.5928 14.2704Z"
      fill="url(#paint12_linear_23_456)"
    />
    <path
      d="M21.4104 14.2704C22.4565 13.9405 24.2178 13.1917 25.5672 11.6342C27.6576 9.22172 25.7062 5.7673 22.0172 7.50002C20.4402 4.92775 16.527 5.87914 17.0473 9C17.3957 11.0898 18.9425 12.937 19.849 13.8655C20.2582 14.2846 20.8518 14.4466 21.4104 14.2704Z"
      fill="url(#paint13_linear_23_456)"
    />
    <ellipse
      cx={9.43198}
      cy={9.31066}
      rx={1.5}
      ry={3}
      transform="rotate(-45 9.43198 9.31066)"
      fill="url(#paint14_radial_23_456)"
    />
    <ellipse
      cx={20.9192}
      cy={9.19846}
      rx={2}
      ry={3}
      transform="rotate(-12.9659 20.9192 9.19846)"
      fill="url(#paint15_radial_23_456)"
    />
    <circle
      cx={13.0784}
      cy={7.62382}
      r={1.5}
      transform="rotate(45 13.0784 7.62382)"
      fill="url(#paint16_radial_23_456)"
    />
    <ellipse
      cx={24.3713}
      cy={8.62382}
      rx={1}
      ry={2}
      transform="rotate(45 24.3713 8.62382)"
      fill="url(#paint17_radial_23_456)"
    />
    <defs>
      <radialGradient
        id="paint0_radial_23_456"
        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_456"
        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_456"
        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_456"
        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_456"
        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_456"
        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_456"
        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_456"
        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_456"
        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_456"
        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_456"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14 14) rotate(-155.376) scale(13.2004 5.48694)"
      >
        <stop stopColor="#CC7521" />
        <stop offset={1} stopColor="#E6872B" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint11_radial_23_456"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20 11) rotate(122.005) scale(4.71699)"
      >
        <stop stopColor="#EC812A" />
        <stop offset={1} stopColor="#FBA84C" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint12_linear_23_456"
        x1={12.9858}
        y1={7}
        x2={9.98584}
        y2={14}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#CA0B4A" />
        <stop offset={1} stopColor="#F70A8D" />
      </linearGradient>
      <linearGradient
        id="paint13_linear_23_456"
        x1={24}
        y1={7}
        x2={19}
        y2={15}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#CA0B4A" />
        <stop offset={1} stopColor="#F70A8D" />
      </linearGradient>
      <radialGradient
        id="paint14_radial_23_456"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.43198 9.31066) rotate(90) scale(3.10148 1.5764)"
      >
        <stop stopColor="#EC6686" />
        <stop offset={1} stopColor="#EC6686" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint15_radial_23_456"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.0425 9.02318) rotate(81.1645) scale(2.69258 1.82475)"
      >
        <stop stopColor="#EC6686" />
        <stop offset={0.259696} stopColor="#EC6686" />
        <stop offset={1} stopColor="#EC6686" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint16_radial_23_456"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(13.0784 7.62382) rotate(90) scale(1.5)"
      >
        <stop stopColor="#EC6686" />
        <stop offset={1} stopColor="#EC6686" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint17_radial_23_456"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.3713 8.62382) rotate(90) scale(2 1)"
      >
        <stop stopColor="#EC6686" />
        <stop offset={1} stopColor="#EC6686" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = SmilingFaceWithHeartEyesIcon;