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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const BrokenHeartIcon = ({ 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_7133_6142)">
      <path
        d="M15.2685 25.7337C15.2685 25.5101 15.3506 25.3119 15.456 25.1791L16.667 23.3236C16.9119 23.0085 16.9234 22.677 16.7295 22.3314L14.2451 17.4173C14.0308 17.0311 14.1779 16.8246 14.331 16.6517C14.7813 16.1435 15.6748 14.9564 16.0214 14.513L16.6542 13.7101C16.8787 13.4357 16.9297 13.0596 16.8073 12.7242C16.3104 11.3951 15.7285 9.80544 15.1825 8.31597C14.9978 7.81193 14.8327 7.23747 14.4482 6.87827C13.7078 6.18663 12.3717 5.46229 11.3491 5.28363C4.26853 3.77671 1.57695 9.98018 2.53415 14.9408C3.92477 21.0267 10.5029 27.0892 14.4951 29.1009C14.9444 29.3273 15.2451 29.1601 15.2451 28.7923L15.2685 25.7337Z"
        fill="url(#paint0_linear_7133_6142)"
      />
      <path
        d="M15.2685 25.7337C15.2685 25.5101 15.3506 25.3119 15.456 25.1791L16.667 23.3236C16.9119 23.0085 16.9234 22.677 16.7295 22.3314L14.2451 17.4173C14.0308 17.0311 14.1779 16.8246 14.331 16.6517C14.7813 16.1435 15.6748 14.9564 16.0214 14.513L16.6542 13.7101C16.8787 13.4357 16.9297 13.0596 16.8073 12.7242C16.3104 11.3951 15.7285 9.80544 15.1825 8.31597C14.9978 7.81193 14.8327 7.23747 14.4482 6.87827C13.7078 6.18663 12.3717 5.46229 11.3491 5.28363C4.26853 3.77671 1.57695 9.98018 2.53415 14.9408C3.92477 21.0267 10.5029 27.0892 14.4951 29.1009C14.9444 29.3273 15.2451 29.1601 15.2451 28.7923L15.2685 25.7337Z"
        fill="url(#paint1_linear_7133_6142)"
      />
      <path
        d="M15.2685 25.7337C15.2685 25.5101 15.3506 25.3119 15.456 25.1791L16.667 23.3236C16.9119 23.0085 16.9234 22.677 16.7295 22.3314L14.2451 17.4173C14.0308 17.0311 14.1779 16.8246 14.331 16.6517C14.7813 16.1435 15.6748 14.9564 16.0214 14.513L16.6542 13.7101C16.8787 13.4357 16.9297 13.0596 16.8073 12.7242C16.3104 11.3951 15.7285 9.80544 15.1825 8.31597C14.9978 7.81193 14.8327 7.23747 14.4482 6.87827C13.7078 6.18663 12.3717 5.46229 11.3491 5.28363C4.26853 3.77671 1.57695 9.98018 2.53415 14.9408C3.92477 21.0267 10.5029 27.0892 14.4951 29.1009C14.9444 29.3273 15.2451 29.1601 15.2451 28.7923L15.2685 25.7337Z"
        fill="url(#paint2_radial_7133_6142)"
      />
      <path
        d="M15.2685 25.7337C15.2685 25.5101 15.3506 25.3119 15.456 25.1791L16.667 23.3236C16.9119 23.0085 16.9234 22.677 16.7295 22.3314L14.2451 17.4173C14.0308 17.0311 14.1779 16.8246 14.331 16.6517C14.7813 16.1435 15.6748 14.9564 16.0214 14.513L16.6542 13.7101C16.8787 13.4357 16.9297 13.0596 16.8073 12.7242C16.3104 11.3951 15.7285 9.80544 15.1825 8.31597C14.9978 7.81193 14.8327 7.23747 14.4482 6.87827C13.7078 6.18663 12.3717 5.46229 11.3491 5.28363C4.26853 3.77671 1.57695 9.98018 2.53415 14.9408C3.92477 21.0267 10.5029 27.0892 14.4951 29.1009C14.9444 29.3273 15.2451 29.1601 15.2451 28.7923L15.2685 25.7337Z"
        fill="url(#paint3_radial_7133_6142)"
      />
      <path
        d="M21.8154 5.08912C20.1744 5.37296 18.3265 6.48392 17.3874 7.46721C17.3874 7.46721 17.2635 7.56858 17.2635 7.72064C17.2635 7.78146 17.2841 7.86256 17.2945 7.87269L19.2373 13.2141C19.331 13.4016 19.3524 13.6875 19.167 13.9172C18.4424 14.8145 17.6435 15.886 16.9404 16.7883C16.6308 17.1026 16.5987 17.4695 16.8154 17.8547L19.2372 22.5305C19.4333 22.8853 19.3544 23.1243 19.1943 23.3587L17.6396 25.7297C17.5054 25.9021 17.374 26.2454 17.374 26.4602L17.3466 28.9837C17.3466 29.3001 17.8294 29.3316 18.2216 29.0579C22.0497 26.9641 28.633 21.1406 30.0029 14.9954C31.1279 9.94849 28.2529 4.21412 21.8154 5.08912Z"
        fill="url(#paint4_linear_7133_6142)"
      />
      <path
        d="M21.8154 5.08912C20.1744 5.37296 18.3265 6.48392 17.3874 7.46721C17.3874 7.46721 17.2635 7.56858 17.2635 7.72064C17.2635 7.78146 17.2841 7.86256 17.2945 7.87269L19.2373 13.2141C19.331 13.4016 19.3524 13.6875 19.167 13.9172C18.4424 14.8145 17.6435 15.886 16.9404 16.7883C16.6308 17.1026 16.5987 17.4695 16.8154 17.8547L19.2372 22.5305C19.4333 22.8853 19.3544 23.1243 19.1943 23.3587L17.6396 25.7297C17.5054 25.9021 17.374 26.2454 17.374 26.4602L17.3466 28.9837C17.3466 29.3001 17.8294 29.3316 18.2216 29.0579C22.0497 26.9641 28.633 21.1406 30.0029 14.9954C31.1279 9.94849 28.2529 4.21412 21.8154 5.08912Z"
        fill="url(#paint5_linear_7133_6142)"
      />
      <path
        d="M21.8154 5.08912C20.1744 5.37296 18.3265 6.48392 17.3874 7.46721C17.3874 7.46721 17.2635 7.56858 17.2635 7.72064C17.2635 7.78146 17.2841 7.86256 17.2945 7.87269L19.2373 13.2141C19.331 13.4016 19.3524 13.6875 19.167 13.9172C18.4424 14.8145 17.6435 15.886 16.9404 16.7883C16.6308 17.1026 16.5987 17.4695 16.8154 17.8547L19.2372 22.5305C19.4333 22.8853 19.3544 23.1243 19.1943 23.3587L17.6396 25.7297C17.5054 25.9021 17.374 26.2454 17.374 26.4602L17.3466 28.9837C17.3466 29.3001 17.8294 29.3316 18.2216 29.0579C22.0497 26.9641 28.633 21.1406 30.0029 14.9954C31.1279 9.94849 28.2529 4.21412 21.8154 5.08912Z"
        fill="url(#paint6_radial_7133_6142)"
      />
      <path
        d="M21.8154 5.08912C20.1744 5.37296 18.3265 6.48392 17.3874 7.46721C17.3874 7.46721 17.2635 7.56858 17.2635 7.72064C17.2635 7.78146 17.2841 7.86256 17.2945 7.87269L19.2373 13.2141C19.331 13.4016 19.3524 13.6875 19.167 13.9172C18.4424 14.8145 17.6435 15.886 16.9404 16.7883C16.6308 17.1026 16.5987 17.4695 16.8154 17.8547L19.2372 22.5305C19.4333 22.8853 19.3544 23.1243 19.1943 23.3587L17.6396 25.7297C17.5054 25.9021 17.374 26.2454 17.374 26.4602L17.3466 28.9837C17.3466 29.3001 17.8294 29.3316 18.2216 29.0579C22.0497 26.9641 28.633 21.1406 30.0029 14.9954C31.1279 9.94849 28.2529 4.21412 21.8154 5.08912Z"
        fill="url(#paint7_radial_7133_6142)"
      />
      <g filter="url(#filter0_f_7133_6142)">
        <ellipse
          cx={24.4531}
          cy={12.672}
          rx={4.04031}
          ry={5.17122}
          transform="rotate(41.5275 24.4531 12.672)"
          fill="url(#paint8_radial_7133_6142)"
        />
      </g>
      <g filter="url(#filter1_f_7133_6142)">
        <ellipse
          cx={12.1099}
          cy={11.2814}
          rx={2.96802}
          ry={4.66224}
          transform="rotate(150.611 12.1099 11.2814)"
          fill="url(#paint9_radial_7133_6142)"
        />
      </g>
      <g filter="url(#filter2_f_7133_6142)">
        <path
          d="M16.4091 22.6058L13.6591 17.1683"
          stroke="url(#paint10_linear_7133_6142)"
          strokeWidth={0.25}
          strokeLinecap="round"
        />
      </g>
      <g filter="url(#filter3_f_7133_6142)">
        <path
          d="M13.8154 16.511L16.5029 13.1985L15.1279 9.41724"
          stroke="url(#paint11_linear_7133_6142)"
          strokeOpacity={0.75}
          strokeWidth={0.15}
          strokeLinecap="round"
        />
      </g>
    </g>
    <defs>
      <filter
        id="filter0_f_7133_6142"
        x={16.8811}
        y={4.96387}
        width={15.1441}
        height={15.4163}
        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_7133_6142"
        />
      </filter>
      <filter
        id="filter1_f_7133_6142"
        x={5.65697}
        y={3.96472}
        width={12.9058}
        height={14.6333}
        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_7133_6142"
        />
      </filter>
      <filter
        id="filter2_f_7133_6142"
        x={13.1841}
        y={16.6933}
        width={3.70006}
        height={6.3875}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.175}
          result="effect1_foregroundBlur_7133_6142"
        />
      </filter>
      <filter
        id="filter3_f_7133_6142"
        x={13.3904}
        y={8.99216}
        width={3.5475}
        height={7.94377}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.175}
          result="effect1_foregroundBlur_7133_6142"
        />
      </filter>
      <linearGradient
        id="paint0_linear_7133_6142"
        x1={9.76454}
        y1={29.2662}
        x2={9.76454}
        y2={5.16378}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0260417} stopColor="#EC008C" />
        <stop offset={0.197917} stopColor="#FF1F50" />
        <stop offset={0.536458} stopColor="#FF2868" />
        <stop offset={1} stopColor="#EC008C" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_7133_6142"
        x1={17.7841}
        y1={14.7437}
        x2={14.3292}
        y2={14.7437}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C6162A" />
        <stop offset={1} stopColor="#C6162A" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint2_radial_7133_6142"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.8721 17.9486) rotate(-138.643) scale(23.9312 14.1578)"
      >
        <stop offset={0.671096} stopColor="#FF7AF2" stopOpacity={0} />
        <stop offset={0.78503} stopColor="#FF96D7" />
      </radialGradient>
      <radialGradient
        id="paint3_radial_7133_6142"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.4091 19.9486) rotate(178.046) scale(25.1878 31.5353)"
      >
        <stop offset={0.535556} stopColor="#AB1F51" stopOpacity={0} />
        <stop offset={0.814021} stopColor="#AB1F51" />
      </radialGradient>
      <linearGradient
        id="paint4_linear_7133_6142"
        x1={23.3021}
        y1={29.26}
        x2={23.3021}
        y2={5.15598}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF2657" />
        <stop offset={0.4437} stopColor="#FF2F67" />
        <stop offset={1} stopColor="#EC008C" />
      </linearGradient>
      <linearGradient
        id="paint5_linear_7133_6142"
        x1={16.2841}
        y1={14.7277}
        x2={19.0966}
        y2={14.7277}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C01567" />
        <stop offset={1} stopColor="#C01567" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint6_radial_7133_6142"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(2.97165 16.136) rotate(-9.28693) scale(40.2779 23.216)"
      >
        <stop offset={0.670089} stopColor="#FF7AF2" stopOpacity={0} />
        <stop offset={0.734955} stopColor="#FF96D7" />
      </radialGradient>
      <radialGradient
        id="paint7_radial_7133_6142"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.6592 24.9485) rotate(-128.703) scale(26.1884 69.3221)"
      >
        <stop offset={0.6071} stopColor="#AB1F51" stopOpacity={0} />
        <stop offset={0.814021} stopColor="#AB1F51" />
      </radialGradient>
      <radialGradient
        id="paint8_radial_7133_6142"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.4876 8.16703) rotate(99.9325) scale(9.0832 29.5242)"
      >
        <stop stopColor="#EF6E9D" />
        <stop offset={1} stopColor="#EF6E9D" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint9_radial_7133_6142"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.4426 9.24844) rotate(96.8543) scale(8.73812 23.3563)"
      >
        <stop offset={0.229167} stopColor="#EC5A8F" />
        <stop offset={1} stopColor="#EC5A8F" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint10_linear_7133_6142"
        x1={14.5966}
        y1={19.2621}
        x2={12.803}
        y2={16.218}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF757B" />
        <stop offset={1} stopColor="#FF757B" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint11_linear_7133_6142"
        x1={15.6748}
        y1={14.5735}
        x2={13.6594}
        y2={9.03946}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF989D" />
        <stop offset={1} stopColor="#FF989D" stopOpacity={0} />
      </linearGradient>
      <clipPath id="clip0_7133_6142">
        <rect width={32} height={32} fill="white" />
      </clipPath>
    </defs>
  </svg>
);
module.exports = BrokenHeartIcon;