const React = require("react");
const BlackHeartIcon = ({ title, titleId, ...props }) => (
  <svg
    width="1em"
    height="1em"
    viewBox="0 0 32 33"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby={titleId}
    {...props}
  >
    {title ? <title id={titleId}>{title}</title> : null}
    <path
      d="M15.1957 29.4102C15.7307 29.7088 16.3744 29.6922 16.9062 29.3883C20.4893 27.3405 26.7156 22.6267 29.1609 16.5035C32.75 8.53114 24.3228 2.16708 18.4984 6.74434C17.8909 7.22181 17.127 7.76828 16.6013 8.28593C16.3636 8.51998 15.9447 8.54385 15.698 8.31935C15.0068 7.69051 13.9266 6.88385 13.2329 6.41451C8.26757 3.05513 -0.767041 7.48337 3.0868 16.9343C4.49856 21.1765 11.2261 27.195 15.1957 29.4102Z"
      fill="url(#paint0_radial_7320_6129)"
    />
    <path
      d="M15.3104 8.01476L15.658 8.33296C16.612 9.20633 18.1563 8.96274 19.0223 8.00202C19.9359 6.98838 21.1617 5.93861 22.6471 5.21069C21.2433 5.24145 19.8053 5.71764 18.4985 6.7447C18.3477 6.8632 18.1873 6.98594 18.0232 7.11145C17.5264 7.49164 16.9965 7.8971 16.6013 8.28629C16.3636 8.52034 15.9447 8.5442 15.698 8.31971C15.5786 8.21113 15.4477 8.09725 15.3092 7.98072L15.3104 8.01476Z"
      fill="url(#paint1_linear_7320_6129)"
    />
    <g filter="url(#filter0_f_7320_6129)">
      <path
        d="M16.7787 10.672V17.5017C16.7787 18.5711 18.3798 18.969 18.9269 18.0502C21.628 13.5142 24.5759 9.26836 22.6541 7.0112C21.8134 6.02368 18.0971 8.17417 16.8924 10.2261C16.8133 10.3608 16.7787 10.5158 16.7787 10.672Z"
        fill="url(#paint2_linear_7320_6129)"
      />
    </g>
    <g filter="url(#filter1_f_7320_6129)">
      <path
        d="M25.9992 7.11952C28.5973 8.18893 29.9744 10.6071 28.3417 14.5739C25.4667 20.0113 22.3793 20.1075 20.7791 19.4488C18.9042 18.3238 17.5839 15.0406 19.2167 11.0738C20.8494 7.1071 23.4011 6.05011 25.9992 7.11952Z"
        fill="url(#paint3_radial_7320_6129)"
      />
    </g>
    <g filter="url(#filter2_f_7320_6129)">
      <path
        d="M14.9313 9.38959L15.1364 22.7958C8.26136 16.1083 7.03023 8.94269 9.36884 7.33592C11.0389 6.18851 14.1814 7.82708 14.9313 9.38959Z"
        fill="url(#paint4_radial_7320_6129)"
      />
    </g>
    <g filter="url(#filter3_f_7320_6129)">
      <path
        d="M22.8416 6.32385C23.9283 6.18895 26.9041 6.6051 28.1229 10.0114"
        stroke="url(#paint5_linear_7320_6129)"
        strokeWidth={0.25}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter4_f_7320_6129)">
      <path
        d="M3.71664 13.7334C5.77914 21.7959 13.1958 26.9626 15.7166 28.5459C12.8166 23.2959 10.1541 13.0042 10.0916 10.6709L3.71664 13.7334Z"
        fill="url(#paint6_linear_7320_6129)"
      />
    </g>
    <g filter="url(#filter5_f_7320_6129)">
      <ellipse
        cx={9.13765}
        cy={6.492}
        rx={1.04774}
        ry={0.293266}
        fill="#857F8C"
      />
    </g>
    <defs>
      <filter
        id="filter0_f_7320_6129"
        x={14.7787}
        y={4.76367}
        width={10.4914}
        height={15.7991}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_7320_6129"
        />
      </filter>
      <filter
        id="filter1_f_7320_6129"
        x={16.9778}
        y={5.22778}
        width={13.5691}
        height={16.002}
        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_7320_6129"
        />
      </filter>
      <filter
        id="filter2_f_7320_6129"
        x={5.28391}
        y={3.95142}
        width={12.8525}
        height={21.8445}
        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_7320_6129"
        />
      </filter>
      <filter
        id="filter3_f_7320_6129"
        x={21.7166}
        y={5.17749}
        width={7.53132}
        height={5.95898}
        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_7320_6129"
        />
      </filter>
      <filter
        id="filter4_f_7320_6129"
        x={1.71664}
        y={8.6709}
        width={16}
        height={21.875}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_7320_6129"
        />
      </filter>
      <filter
        id="filter5_f_7320_6129"
        x={6.0899}
        y={4.19873}
        width={6.09549}
        height={4.58643}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_7320_6129"
        />
      </filter>
      <radialGradient
        id="paint0_radial_7320_6129"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.8615 5.84225) rotate(90) scale(26.5871 32.8735)"
      >
        <stop offset={0.0627615} stopColor="#49454E" />
        <stop offset={0.469443} stopColor="#32263E" />
        <stop offset={1} stopColor="#371F4B" />
      </radialGradient>
      <linearGradient
        id="paint1_linear_7320_6129"
        x1={17.2166}
        y1={7.62835}
        x2={18.9781}
        y2={9.04601}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#535255" />
        <stop offset={0.679707} stopColor="#535255" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint2_linear_7320_6129"
        x1={18.5291}
        y1={17.6987}
        x2={27.0912}
        y2={-1.87806}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#27232E" />
        <stop offset={1} stopColor="#2C2834" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint3_radial_7320_6129"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(26.4666 8.32385) rotate(122.716) scale(11.217 4.67902)"
      >
        <stop stopColor="#6C6A70" />
        <stop offset={1} stopColor="#6C6A70" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint4_radial_7320_6129"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.2166 19.4487) rotate(-124.103) scale(16.8321 6.35394)"
      >
        <stop offset={0.0570109} stopColor="#7D7A82" />
        <stop offset={1} stopColor="#6C6A70" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint5_linear_7320_6129"
        x1={27.8729}
        y1={8.3551}
        x2={24.8416}
        y2={6.6051}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#6C6A70" />
        <stop offset={1} stopColor="#6C6A70" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint6_linear_7320_6129"
        x1={18.6541}
        y1={30.6084}
        x2={9.27914}
        y2={15.5113}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#492965" />
        <stop offset={1} stopColor="#492965" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = BlackHeartIcon;