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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const HeartExclamationIcon = ({ 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.2571 21.9469C15.788 22.2525 16.4357 22.2351 16.965 21.9267C19.912 20.2092 24.8531 16.4082 26.8145 11.4965C29.745 4.98714 22.8643 -0.20909 18.1087 3.52822C17.6457 3.89211 17.0714 4.30508 16.6479 4.7022C16.4046 4.93037 15.9809 4.95369 15.7312 4.73257C15.1665 4.23267 14.3463 3.6221 13.8095 3.25892C9.75527 0.515994 2.37856 4.13163 5.52521 11.8482C6.65972 15.2573 11.9987 20.0714 15.2571 21.9469Z"
      fill="url(#paint0_radial_7000_5051)"
    />
    <path
      d="M15.2571 21.9469C15.788 22.2525 16.4357 22.2351 16.965 21.9267C19.912 20.2092 24.8531 16.4082 26.8145 11.4965C29.745 4.98714 22.8643 -0.20909 18.1087 3.52822C17.6457 3.89211 17.0714 4.30508 16.6479 4.7022C16.4046 4.93037 15.9809 4.95369 15.7312 4.73257C15.1665 4.23267 14.3463 3.6221 13.8095 3.25892C9.75527 0.515994 2.37856 4.13163 5.52521 11.8482C6.65972 15.2573 11.9987 20.0714 15.2571 21.9469Z"
      fill="url(#paint1_radial_7000_5051)"
    />
    <path
      d="M15.2571 21.9469C15.788 22.2525 16.4357 22.2351 16.965 21.9267C19.912 20.2092 24.8531 16.4082 26.8145 11.4965C29.745 4.98714 22.8643 -0.20909 18.1087 3.52822C17.6457 3.89211 17.0714 4.30508 16.6479 4.7022C16.4046 4.93037 15.9809 4.95369 15.7312 4.73257C15.1665 4.23267 14.3463 3.6221 13.8095 3.25892C9.75527 0.515994 2.37856 4.13163 5.52521 11.8482C6.65972 15.2573 11.9987 20.0714 15.2571 21.9469Z"
      fill="url(#paint2_radial_7000_5051)"
    />
    <path
      d="M15.2571 21.9469C15.788 22.2525 16.4357 22.2351 16.965 21.9267C19.912 20.2092 24.8531 16.4082 26.8145 11.4965C29.745 4.98714 22.8643 -0.20909 18.1087 3.52822C17.6457 3.89211 17.0714 4.30508 16.6479 4.7022C16.4046 4.93037 15.9809 4.95369 15.7312 4.73257C15.1665 4.23267 14.3463 3.6221 13.8095 3.25892C9.75527 0.515994 2.37856 4.13163 5.52521 11.8482C6.65972 15.2573 11.9987 20.0714 15.2571 21.9469Z"
      fill="url(#paint3_radial_7000_5051)"
    />
    <path
      d="M15.2571 21.9469C15.788 22.2525 16.4357 22.2351 16.965 21.9267C19.912 20.2092 24.8531 16.4082 26.8145 11.4965C29.745 4.98714 22.8643 -0.20909 18.1087 3.52822C17.6457 3.89211 17.0714 4.30508 16.6479 4.7022C16.4046 4.93037 15.9809 4.95369 15.7312 4.73257C15.1665 4.23267 14.3463 3.6221 13.8095 3.25892C9.75527 0.515994 2.37856 4.13163 5.52521 11.8482C6.65972 15.2573 11.9987 20.0714 15.2571 21.9469Z"
      fill="url(#paint4_linear_7000_5051)"
    />
    <path
      d="M15.2571 21.9469C15.788 22.2525 16.4357 22.2351 16.965 21.9267C19.912 20.2092 24.8531 16.4082 26.8145 11.4965C29.745 4.98714 22.8643 -0.20909 18.1087 3.52822C17.6457 3.89211 17.0714 4.30508 16.6479 4.7022C16.4046 4.93037 15.9809 4.95369 15.7312 4.73257C15.1665 4.23267 14.3463 3.6221 13.8095 3.25892C9.75527 0.515994 2.37856 4.13163 5.52521 11.8482C6.65972 15.2573 11.9987 20.0714 15.2571 21.9469Z"
      fill="url(#paint5_linear_7000_5051)"
    />
    <g filter="url(#filter0_f_7000_5051)">
      <path
        d="M16.623 6.9428V16.4987C16.623 17.4036 17.6492 17.7715 18.1228 17.0005C19.5984 14.5978 20.9045 11.0945 20.0292 8.27743C19.5439 6.71572 18.1229 6.11876 17.1756 6.2044C16.8187 6.23667 16.623 6.58442 16.623 6.9428Z"
        fill="#FA1C56"
      />
    </g>
    <g filter="url(#filter1_f_7000_5051)">
      <ellipse
        cx={23.2778}
        cy={7.34491}
        rx={3.39858}
        ry={2.33847}
        transform="rotate(-44.1901 23.2778 7.34491)"
        fill="url(#paint6_radial_7000_5051)"
      />
    </g>
    <circle
      cx={16}
      cy={26.9766}
      r={3.21094}
      fill="url(#paint7_radial_7000_5051)"
    />
    <circle
      cx={16}
      cy={26.9766}
      r={3.21094}
      fill="url(#paint8_radial_7000_5051)"
    />
    <circle
      cx={16}
      cy={26.9766}
      r={3.21094}
      fill="url(#paint9_radial_7000_5051)"
    />
    <g filter="url(#filter2_f_7000_5051)">
      <ellipse
        cx={17.0725}
        cy={26.4346}
        rx={1.36291}
        ry={1.26645}
        transform="rotate(-21.467 17.0725 26.4346)"
        fill="url(#paint10_radial_7000_5051)"
      />
    </g>
    <g filter="url(#filter3_f_7000_5051)">
      <ellipse
        cx={14.0625}
        cy={7.34499}
        rx={3.90466}
        ry={2.10656}
        transform="rotate(-128.955 14.0625 7.34499)"
        fill="url(#paint11_radial_7000_5051)"
        fillOpacity={0.6}
      />
    </g>
    <defs>
      <filter
        id="filter0_f_7000_5051"
        x={14.623}
        y={4.19641}
        width={7.68867}
        height={15.2228}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_7000_5051"
        />
      </filter>
      <filter
        id="filter1_f_7000_5051"
        x={18.8457}
        y={2.94238}
        width={8.86419}
        height={8.80505}
        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_7000_5051"
        />
      </filter>
      <filter
        id="filter2_f_7000_5051"
        x={14.7217}
        y={24.1544}
        width={4.70152}
        height={4.5603}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.5}
          result="effect1_foregroundBlur_7000_5051"
        />
      </filter>
      <filter
        id="filter3_f_7000_5051"
        x={9.61088}
        y={2.53149}
        width={8.90321}
        height={9.62695}
        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_7000_5051"
        />
      </filter>
      <radialGradient
        id="paint0_radial_7000_5051"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.4496 21.8535) rotate(-90) scale(26.6008 45.2214)"
      >
        <stop stopColor="#F12E52" />
        <stop offset={0.596003} stopColor="#FF3B79" />
        <stop offset={1} stopColor="#FF4EC6" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_7000_5051"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.7871 7.46981) rotate(142.986) scale(21.4136 40.1098)"
      >
        <stop offset={0.483055} stopColor="#B91D43" stopOpacity={0} />
        <stop offset={0.833898} stopColor="#B91D43" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_7000_5051"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.3147 12.7162) rotate(-158.663) scale(18.5745 26.2576)"
      >
        <stop offset={0.40984} stopColor="#B91D43" stopOpacity={0} />
        <stop offset={0.833898} stopColor="#B91D43" />
      </radialGradient>
      <radialGradient
        id="paint3_radial_7000_5051"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.6922 9.47221) rotate(90) scale(16.1659 16.1659)"
      >
        <stop offset={0.671096} stopColor="#FF7AF2" stopOpacity={0} />
        <stop offset={0.933555} stopColor="#FFBCE6" />
      </radialGradient>
      <linearGradient
        id="paint4_linear_7000_5051"
        x1={17.4765}
        y1={11.3645}
        x2={24.0185}
        y2={19.1501}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.694491} stopColor="#FF7AF2" stopOpacity={0} />
        <stop offset={0.933555} stopColor="#FFBCE6" />
      </linearGradient>
      <linearGradient
        id="paint5_linear_7000_5051"
        x1={16.6655}
        y1={11.6889}
        x2={8.98798}
        y2={20.3396}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.694491} stopColor="#FF7AF2" stopOpacity={0} />
        <stop offset={0.933555} stopColor="#FFBCE6" />
      </linearGradient>
      <radialGradient
        id="paint6_radial_7000_5051"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(26.6982 8.06398) rotate(-176.775) scale(5.02594 3.39374)"
      >
        <stop stopColor="#FF93BA" />
        <stop offset={1} stopColor="#FF73A6" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint7_radial_7000_5051"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.1958 29.8156) rotate(-45) scale(7.4596 12.0939)"
      >
        <stop stopColor="#F12E52" />
        <stop offset={0.596003} stopColor="#FF3B79" />
        <stop offset={1} stopColor="#FF4EC6" />
      </radialGradient>
      <radialGradient
        id="paint8_radial_7000_5051"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 26.4687) rotate(110.556) scale(4.73925 4.85721)"
      >
        <stop offset={0.671096} stopColor="#FF7AF2" stopOpacity={0} />
        <stop offset={0.933555} stopColor="#FFBCE6" />
      </radialGradient>
      <radialGradient
        id="paint9_radial_7000_5051"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.2109 28.9375) rotate(-152.663) scale(8.30216 8.87118)"
      >
        <stop offset={0.40984} stopColor="#B91D43" stopOpacity={0} />
        <stop offset={0.833898} stopColor="#B91D43" />
      </radialGradient>
      <radialGradient
        id="paint10_radial_7000_5051"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.7458 26.6517) rotate(174.347) scale(3.03081 5.73982)"
      >
        <stop stopColor="#FFA3BD" />
        <stop offset={1} stopColor="#FF80A3" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint11_radial_7000_5051"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.3675 7.9139) rotate(-178.667) scale(8.31012 4.40121)"
      >
        <stop stopColor="#FF93BA" />
        <stop offset={1} stopColor="#FF73A6" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = HeartExclamationIcon;