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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const YellowHeartIcon = ({ 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.0369 29.2015C15.5719 29.5 16.2155 29.4835 16.7474 29.1795C20.3304 27.1318 26.5568 22.4179 29.002 16.2948C32.5911 8.3224 24.1639 1.95834 18.3396 6.5356C17.732 7.01307 16.9681 7.55954 16.4424 8.07719C16.2047 8.31124 15.7859 8.33511 15.5391 8.11061C14.848 7.48177 13.7678 6.67511 13.0741 6.20577C8.10873 2.84639 -0.925885 7.27463 2.92796 16.7255C4.33972 20.9677 11.0672 26.9862 15.0369 29.2015Z"
      fill="url(#paint0_radial_7319_6105)"
    />
    <path
      d="M15.0369 29.2015C15.5719 29.5 16.2155 29.4835 16.7474 29.1795C20.3304 27.1318 26.5568 22.4179 29.002 16.2948C32.5911 8.3224 24.1639 1.95834 18.3396 6.5356C17.732 7.01307 16.9681 7.55954 16.4424 8.07719C16.2047 8.31124 15.7859 8.33511 15.5391 8.11061C14.848 7.48177 13.7678 6.67511 13.0741 6.20577C8.10873 2.84639 -0.925885 7.27463 2.92796 16.7255C4.33972 20.9677 11.0672 26.9862 15.0369 29.2015Z"
      fill="url(#paint1_radial_7319_6105)"
    />
    <path
      d="M15.0369 29.2015C15.5719 29.5 16.2155 29.4835 16.7474 29.1795C20.3304 27.1318 26.5568 22.4179 29.002 16.2948C32.5911 8.3224 24.1639 1.95834 18.3396 6.5356C17.732 7.01307 16.9681 7.55954 16.4424 8.07719C16.2047 8.31124 15.7859 8.33511 15.5391 8.11061C14.848 7.48177 13.7678 6.67511 13.0741 6.20577C8.10873 2.84639 -0.925885 7.27463 2.92796 16.7255C4.33972 20.9677 11.0672 26.9862 15.0369 29.2015Z"
      fill="url(#paint2_linear_7319_6105)"
    />
    <path
      d="M15.0369 29.2015C15.5719 29.5 16.2155 29.4835 16.7474 29.1795C20.3304 27.1318 26.5568 22.4179 29.002 16.2948C32.5911 8.3224 24.1639 1.95834 18.3396 6.5356C17.732 7.01307 16.9681 7.55954 16.4424 8.07719C16.2047 8.31124 15.7859 8.33511 15.5391 8.11061C14.848 7.48177 13.7678 6.67511 13.0741 6.20577C8.10873 2.84639 -0.925885 7.27463 2.92796 16.7255C4.33972 20.9677 11.0672 26.9862 15.0369 29.2015Z"
      fill="url(#paint3_radial_7319_6105)"
    />
    <path
      d="M15.0369 29.2015C15.5719 29.5 16.2155 29.4835 16.7474 29.1795C20.3304 27.1318 26.5568 22.4179 29.002 16.2948C32.5911 8.3224 24.1639 1.95834 18.3396 6.5356C17.732 7.01307 16.9681 7.55954 16.4424 8.07719C16.2047 8.31124 15.7859 8.33511 15.5391 8.11061C14.848 7.48177 13.7678 6.67511 13.0741 6.20577C8.10873 2.84639 -0.925885 7.27463 2.92796 16.7255C4.33972 20.9677 11.0672 26.9862 15.0369 29.2015Z"
      fill="url(#paint4_radial_7319_6105)"
    />
    <path
      d="M15.0369 29.2015C15.5719 29.5 16.2155 29.4835 16.7474 29.1795C20.3304 27.1318 26.5568 22.4179 29.002 16.2948C32.5911 8.3224 24.1639 1.95834 18.3396 6.5356C17.732 7.01307 16.9681 7.55954 16.4424 8.07719C16.2047 8.31124 15.7859 8.33511 15.5391 8.11061C14.848 7.48177 13.7678 6.67511 13.0741 6.20577C8.10873 2.84639 -0.925885 7.27463 2.92796 16.7255C4.33972 20.9677 11.0672 26.9862 15.0369 29.2015Z"
      fill="url(#paint5_radial_7319_6105)"
    />
    <path
      d="M15.0369 29.2015C15.5719 29.5 16.2155 29.4835 16.7474 29.1795C20.3304 27.1318 26.5568 22.4179 29.002 16.2948C32.5911 8.3224 24.1639 1.95834 18.3396 6.5356C17.732 7.01307 16.9681 7.55954 16.4424 8.07719C16.2047 8.31124 15.7859 8.33511 15.5391 8.11061C14.848 7.48177 13.7678 6.67511 13.0741 6.20577C8.10873 2.84639 -0.925885 7.27463 2.92796 16.7255C4.33972 20.9677 11.0672 26.9862 15.0369 29.2015Z"
      fill="url(#paint6_radial_7319_6105)"
    />
    <path
      d="M15.0369 29.2015C15.5719 29.5 16.2155 29.4835 16.7474 29.1795C20.3304 27.1318 26.5568 22.4179 29.002 16.2948C32.5911 8.3224 24.1639 1.95834 18.3396 6.5356C17.732 7.01307 16.9681 7.55954 16.4424 8.07719C16.2047 8.31124 15.7859 8.33511 15.5391 8.11061C14.848 7.48177 13.7678 6.67511 13.0741 6.20577C8.10873 2.84639 -0.925885 7.27463 2.92796 16.7255C4.33972 20.9677 11.0672 26.9862 15.0369 29.2015Z"
      fill="url(#paint7_radial_7319_6105)"
    />
    <path
      d="M15.0369 29.2015C15.5719 29.5 16.2155 29.4835 16.7474 29.1795C20.3304 27.1318 26.5568 22.4179 29.002 16.2948C32.5911 8.3224 24.1639 1.95834 18.3396 6.5356C17.732 7.01307 16.9681 7.55954 16.4424 8.07719C16.2047 8.31124 15.7859 8.33511 15.5391 8.11061C14.848 7.48177 13.7678 6.67511 13.0741 6.20577C8.10873 2.84639 -0.925885 7.27463 2.92796 16.7255C4.33972 20.9677 11.0672 26.9862 15.0369 29.2015Z"
      fill="url(#paint8_linear_7319_6105)"
      fillOpacity={0.25}
    />
    <path
      d="M15.5349 8.10679L15.5391 8.11061C15.7858 8.33511 16.2047 8.31124 16.4424 8.07719C16.8376 7.68801 17.3675 7.28254 17.8644 6.90235C18.0284 6.77685 18.1888 6.6541 18.3396 6.5356C24.1639 1.95834 32.5911 8.3224 29.002 16.2948C28.5144 17.5159 27.8763 18.681 27.1388 19.7801L15.5349 8.10679Z"
      fill="url(#paint9_radial_7319_6105)"
    />
    <path
      d="M15.5349 8.10679L15.5391 8.11061C15.7858 8.33511 16.2047 8.31124 16.4424 8.07719C16.8376 7.68801 17.3675 7.28254 17.8644 6.90235C18.0284 6.77685 18.1888 6.6541 18.3396 6.5356C24.1639 1.95834 32.5911 8.3224 29.002 16.2948C28.5144 17.5159 27.8763 18.681 27.1388 19.7801L15.5349 8.10679Z"
      fill="url(#paint10_radial_7319_6105)"
    />
    <g filter="url(#filter0_f_7319_6105)">
      <path
        d="M16.1657 10.4781V19.2965C16.1657 20.3347 17.5654 20.6924 18.0319 19.765C19.4846 16.8771 20.6952 13.6913 19.71 11.4394C18.8844 9.55243 17.6549 9.3459 16.6935 9.66211C16.3531 9.77408 16.1657 10.1198 16.1657 10.4781Z"
        fill="url(#paint11_radial_7319_6105)"
      />
    </g>
    <g filter="url(#filter1_f_7319_6105)">
      <ellipse
        cx={9.26346}
        cy={6.28878}
        rx={1.51865}
        ry={0.249413}
        transform="rotate(-0.697201 9.26346 6.28878)"
        fill="url(#paint12_radial_7319_6105)"
      />
    </g>
    <g filter="url(#filter2_f_7319_6105)">
      <path
        d="M14.665 9.31438L14.9775 22.3769C8.1025 15.6894 6.26301 7.86813 8.89747 6.81438C11.532 5.76062 13.915 7.75188 14.665 9.31438Z"
        fill="url(#paint13_radial_7319_6105)"
      />
    </g>
    <g filter="url(#filter3_f_7319_6105)">
      <ellipse
        cx={23.2164}
        cy={12.4474}
        rx={5.32663}
        ry={5.7404}
        fill="url(#paint14_radial_7319_6105)"
      />
    </g>
    <g filter="url(#filter4_f_7319_6105)">
      <path
        d="M26.835 15.127C25.7725 17.6895 21.3975 23.0645 18.2725 25.127"
        stroke="#FFC037"
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter5_f_7319_6105)">
      <path
        d="M4.52249 13.252C5.70999 18.752 11.6475 23.3145 14.7725 25.377"
        stroke="#FAA730"
        strokeLinecap="round"
      />
    </g>
    <defs>
      <filter
        id="filter0_f_7319_6105"
        x={13.1657}
        y={6.54077}
        width={9.90205}
        height={16.759}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1.5}
          result="effect1_foregroundBlur_7319_6105"
        />
      </filter>
      <filter
        id="filter1_f_7319_6105"
        x={6.24491}
        y={4.53857}
        width={6.03709}
        height={3.50024}
        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_7319_6105"
        />
      </filter>
      <filter
        id="filter2_f_7319_6105"
        x={4.74796}
        y={3.51953}
        width={13.2295}
        height={21.8574}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1.5}
          result="effect1_foregroundBlur_7319_6105"
        />
      </filter>
      <filter
        id="filter3_f_7319_6105"
        x={14.8898}
        y={3.70703}
        width={16.6533}
        height={17.4807}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1.5}
          result="effect1_foregroundBlur_7319_6105"
        />
      </filter>
      <filter
        id="filter4_f_7319_6105"
        x={14.7724}
        y={11.6267}
        width={15.5627}
        height={17.0002}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1.5}
          result="effect1_foregroundBlur_7319_6105"
        />
      </filter>
      <filter
        id="filter5_f_7319_6105"
        x={1.02238}
        y={9.75195}
        width={17.2502}
        height={19.125}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1.5}
          result="effect1_foregroundBlur_7319_6105"
        />
      </filter>
      <radialGradient
        id="paint0_radial_7319_6105"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.887 9.75201) rotate(90) scale(23.5 58.948)"
      >
        <stop offset={0.113615} stopColor="#FFD765" />
        <stop offset={1} stopColor="#FF8040" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_7319_6105"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.71 8.81451) rotate(116.407) scale(10.1182 9.41358)"
      >
        <stop stopColor="#FFD765" />
        <stop offset={1} stopColor="#FFD765" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_7319_6105"
        x1={13.6203}
        y1={16.3458}
        x2={4.62027}
        y2={26.0333}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.401885} stopColor="#ED7839" stopOpacity={0} />
        <stop offset={1} stopColor="#ED7839" />
      </linearGradient>
      <radialGradient
        id="paint3_radial_7319_6105"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.8447 11.3631) rotate(129.54) scale(22.7917 42.6912)"
      >
        <stop offset={0.797874} stopColor="#FF69CF" stopOpacity={0} />
        <stop offset={0.908039} stopColor="#FF69CF" />
      </radialGradient>
      <radialGradient
        id="paint4_radial_7319_6105"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.335 17.627) rotate(-154.151) scale(22.3624 27.2087)"
      >
        <stop offset={0.586471} stopColor="#9B7C23" stopOpacity={0} />
        <stop offset={1} stopColor="#9B7C23" />
      </radialGradient>
      <radialGradient
        id="paint5_radial_7319_6105"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.335 17.627) rotate(-152.113) scale(18.1729 16.0734)"
      >
        <stop offset={0.915063} stopColor="#9B7C23" stopOpacity={0} />
        <stop offset={1} stopColor="#9B7C23" />
      </radialGradient>
      <radialGradient
        id="paint6_radial_7319_6105"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.38 13.8155) rotate(90) scale(19.7992 26.4278)"
      >
        <stop offset={0.671096} stopColor="#FF69CF" stopOpacity={0} />
        <stop offset={0.933555} stopColor="#FF69CF" />
      </radialGradient>
      <radialGradient
        id="paint7_radial_7319_6105"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.2725 9.37702) rotate(44.2476) scale(23.5575 65.6093)"
      >
        <stop offset={0.776949} stopColor="#FF69CF" stopOpacity={0} />
        <stop offset={1} stopColor="#FF69CF" />
      </radialGradient>
      <linearGradient
        id="paint8_linear_7319_6105"
        x1={16.5225}
        y1={13.002}
        x2={14.887}
        y2={29.9395}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.512322} stopColor="#FF7AF2" stopOpacity={0} />
        <stop offset={0.933555} stopColor="#FF7AF2" />
      </linearGradient>
      <radialGradient
        id="paint9_radial_7319_6105"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.8078 15.5557) rotate(-59.6724) scale(14.4818 13.582)"
      >
        <stop offset={0.671534} stopColor="#F9861D" stopOpacity={0} />
        <stop offset={1} stopColor="#FEA16F" />
      </radialGradient>
      <radialGradient
        id="paint10_radial_7319_6105"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23.8703 12.9932) rotate(-130.441) scale(10.5024 10.6768)"
      >
        <stop offset={0.657254} stopColor="#C5A34C" stopOpacity={0} />
        <stop offset={0.906051} stopColor="#C5A34C" />
      </radialGradient>
      <radialGradient
        id="paint11_radial_7319_6105"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.4359 10.1894) rotate(90) scale(17.6875 5.77863)"
      >
        <stop offset={0.717703} stopColor="#FFBF2B" />
        <stop offset={1} stopColor="#FFBF2B" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint12_radial_7319_6105"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.8229 6.14891) rotate(-175.801) scale(4.05458 1.67045)"
      >
        <stop stopColor="#FFE647" />
        <stop offset={1} stopColor="#FFE647" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint13_radial_7319_6105"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.835 10.0019) rotate(-135.564) scale(13.4799 38.0188)"
      >
        <stop stopColor="#FFE647" />
        <stop offset={1} stopColor="#FFE647" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint14_radial_7319_6105"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.8341 6.70703) rotate(126.781) scale(7.91299 12.734)"
      >
        <stop stopColor="#FFE647" />
        <stop offset={1} stopColor="#FFE647" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = YellowHeartIcon;