const React = require("react");
const RedHeartIcon = ({ 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.217 29.2015C15.752 29.5 16.3957 29.4835 16.9275 29.1795C20.5106 27.1318 26.7369 22.4179 29.1822 16.2948C32.7713 8.3224 24.3441 1.95834 18.5197 6.5356C17.9122 7.01307 17.1483 7.55954 16.6226 8.07719C16.3849 8.31124 15.966 8.33511 15.7193 8.11061C15.0281 7.48177 13.9479 6.67511 13.2542 6.20577C8.28887 2.84639 -0.74574 7.27463 3.1081 16.7255C4.51986 20.9677 11.2474 26.9862 15.217 29.2015Z"
      fill="url(#paint0_radial_7305_6094)"
    />
    <path
      d="M15.217 29.2015C15.752 29.5 16.3957 29.4835 16.9275 29.1795C20.5106 27.1318 26.7369 22.4179 29.1822 16.2948C32.7713 8.3224 24.3441 1.95834 18.5197 6.5356C17.9122 7.01307 17.1483 7.55954 16.6226 8.07719C16.3849 8.31124 15.966 8.33511 15.7193 8.11061C15.0281 7.48177 13.9479 6.67511 13.2542 6.20577C8.28887 2.84639 -0.74574 7.27463 3.1081 16.7255C4.51986 20.9677 11.2474 26.9862 15.217 29.2015Z"
      fill="url(#paint1_radial_7305_6094)"
    />
    <path
      d="M15.217 29.2015C15.752 29.5 16.3957 29.4835 16.9275 29.1795C20.5106 27.1318 26.7369 22.4179 29.1822 16.2948C32.7713 8.3224 24.3441 1.95834 18.5197 6.5356C17.9122 7.01307 17.1483 7.55954 16.6226 8.07719C16.3849 8.31124 15.966 8.33511 15.7193 8.11061C15.0281 7.48177 13.9479 6.67511 13.2542 6.20577C8.28887 2.84639 -0.74574 7.27463 3.1081 16.7255C4.51986 20.9677 11.2474 26.9862 15.217 29.2015Z"
      fill="url(#paint2_radial_7305_6094)"
    />
    <path
      d="M15.217 29.2015C15.752 29.5 16.3957 29.4835 16.9275 29.1795C20.5106 27.1318 26.7369 22.4179 29.1822 16.2948C32.7713 8.3224 24.3441 1.95834 18.5197 6.5356C17.9122 7.01307 17.1483 7.55954 16.6226 8.07719C16.3849 8.31124 15.966 8.33511 15.7193 8.11061C15.0281 7.48177 13.9479 6.67511 13.2542 6.20577C8.28887 2.84639 -0.74574 7.27463 3.1081 16.7255C4.51986 20.9677 11.2474 26.9862 15.217 29.2015Z"
      fill="url(#paint3_radial_7305_6094)"
    />
    <path
      d="M15.217 29.2015C15.752 29.5 16.3957 29.4835 16.9275 29.1795C20.5106 27.1318 26.7369 22.4179 29.1822 16.2948C32.7713 8.3224 24.3441 1.95834 18.5197 6.5356C17.9122 7.01307 17.1483 7.55954 16.6226 8.07719C16.3849 8.31124 15.966 8.33511 15.7193 8.11061C15.0281 7.48177 13.9479 6.67511 13.2542 6.20577C8.28887 2.84639 -0.74574 7.27463 3.1081 16.7255C4.51986 20.9677 11.2474 26.9862 15.217 29.2015Z"
      fill="url(#paint4_linear_7305_6094)"
    />
    <path
      d="M15.217 29.2015C15.752 29.5 16.3957 29.4835 16.9275 29.1795C20.5106 27.1318 26.7369 22.4179 29.1822 16.2948C32.7713 8.3224 24.3441 1.95834 18.5197 6.5356C17.9122 7.01307 17.1483 7.55954 16.6226 8.07719C16.3849 8.31124 15.966 8.33511 15.7193 8.11061C15.0281 7.48177 13.9479 6.67511 13.2542 6.20577C8.28887 2.84639 -0.74574 7.27463 3.1081 16.7255C4.51986 20.9677 11.2474 26.9862 15.217 29.2015Z"
      fill="url(#paint5_linear_7305_6094)"
    />
    <path
      d="M15.217 29.2015C15.752 29.5 16.3957 29.4835 16.9275 29.1795C20.5106 27.1318 26.7369 22.4179 29.1822 16.2948C32.7713 8.3224 24.3441 1.95834 18.5197 6.5356C17.9122 7.01307 17.1483 7.55954 16.6226 8.07719C16.3849 8.31124 15.966 8.33511 15.7193 8.11061C15.0281 7.48177 13.9479 6.67511 13.2542 6.20577C8.28887 2.84639 -0.74574 7.27463 3.1081 16.7255C4.51986 20.9677 11.2474 26.9862 15.217 29.2015Z"
      fill="url(#paint6_radial_7305_6094)"
      fillOpacity={0.6}
    />
    <g filter="url(#filter0_f_7305_6094)">
      <path
        d="M15.9084 10.5407V17.3634C15.9084 18.2682 17.004 18.6971 17.5681 17.9896C19.3132 15.8006 20.7207 13.1388 19.1499 10.9645C18.5477 10.1309 17.3939 9.59683 16.4512 9.76674C16.0985 9.8303 15.9084 10.1823 15.9084 10.5407Z"
        fill="#FA1C56"
      />
    </g>
    <g filter="url(#filter1_f_7305_6094)">
      <ellipse
        cx={24.6631}
        cy={11.3771}
        rx={4.46173}
        ry={3.70012}
        transform="rotate(-44.1901 24.6631 11.3771)"
        fill="url(#paint7_radial_7305_6094)"
      />
    </g>
    <g filter="url(#filter2_f_7305_6094)">
      <ellipse
        cx={23.4602}
        cy={6.06678}
        rx={1.69254}
        ry={0.355636}
        transform="rotate(7.16522 23.4602 6.06678)"
        fill="#FF7383"
      />
    </g>
    <g filter="url(#filter3_f_7305_6094)">
      <ellipse
        cx={9.38895}
        cy={6.05342}
        rx={1.51865}
        ry={0.249413}
        transform="rotate(-0.697201 9.38895 6.05342)"
        fill="#FF93BA"
        fillOpacity={0.5}
      />
    </g>
    <g filter="url(#filter4_f_7305_6094)">
      <path
        d="M14.8451 9.96187L15.1577 20.2119C8.28268 13.5244 6.96067 8.82813 9.59513 7.77437C12.0952 6.77437 14.0952 8.39937 14.8451 9.96187Z"
        fill="url(#paint8_radial_7305_6094)"
      />
    </g>
    <g filter="url(#filter5_f_7305_6094)">
      <path
        d="M14.3452 9.36191C13.5052 9.24191 13.2452 8.54525 13.2202 8.21191C13.7002 8.71191 14.1702 8.75358 14.3452 8.71191V9.36191Z"
        fill="#FF7383"
      />
    </g>
    <defs>
      <filter
        id="filter0_f_7305_6094"
        x={13.9084}
        y={7.73523}
        width={7.92259}
        height={12.608}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_7305_6094"
        />
      </filter>
      <filter
        id="filter1_f_7305_6094"
        x={19.0536}
        y={5.78906}
        width={11.219}
        height={11.176}
        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_7305_6094"
        />
      </filter>
      <filter
        id="filter2_f_7305_6094"
        x={19.7803}
        y={3.65552}
        width={7.35986}
        height={4.82251}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_7305_6094"
        />
      </filter>
      <filter
        id="filter3_f_7305_6094"
        x={6.3704}
        y={4.30334}
        width={6.03709}
        height={3.50012}
        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_7305_6094"
        />
      </filter>
      <filter
        id="filter4_f_7305_6094"
        x={5.33316}
        y={4.46667}
        width={12.8245}
        height={18.7452}
        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_7305_6094"
        />
      </filter>
      <filter
        id="filter5_f_7305_6094"
        x={12.2202}
        y={7.21191}
        width={3.125}
        height={3.15002}
        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_7305_6094"
        />
      </filter>
      <radialGradient
        id="paint0_radial_7305_6094"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.8828 5.63363) rotate(90) scale(22.9845 24.4021)"
      >
        <stop stopColor="#FC0000" />
        <stop offset={0.527969} stopColor="#FF3B79" />
        <stop offset={1} stopColor="#F724B3" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_7305_6094"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23.0249 11.3631) rotate(134.402) scale(21.2647 39.8308)"
      >
        <stop offset={0.797874} stopColor="#C82092" stopOpacity={0} />
        <stop offset={0.908039} stopColor="#C82092" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_7305_6094"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.9968 17.7886) rotate(-158.663) scale(22.749 32.159)"
      >
        <stop offset={0.40984} stopColor="#B91D43" stopOpacity={0} />
        <stop offset={0.833898} stopColor="#B91D43" />
      </radialGradient>
      <radialGradient
        id="paint3_radial_7305_6094"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.5602 13.8155) rotate(90) scale(19.7992)"
      >
        <stop offset={0.671096} stopColor="#FF7AF2" stopOpacity={0} />
        <stop offset={0.933555} stopColor="#FFBCE6" />
      </radialGradient>
      <linearGradient
        id="paint4_linear_7305_6094"
        x1={17.7454}
        y1={16.1331}
        x2={25.7577}
        y2={25.6685}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.694491} stopColor="#FF7AF2" stopOpacity={0} />
        <stop offset={0.933555} stopColor="#FFBCE6" />
      </linearGradient>
      <linearGradient
        id="paint5_linear_7305_6094"
        x1={16.7521}
        y1={16.5304}
        x2={7.34913}
        y2={27.1253}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.694491} stopColor="#FF7AF2" stopOpacity={0} />
        <stop offset={0.933555} stopColor="#FFBCE6" />
      </linearGradient>
      <radialGradient
        id="paint6_radial_7305_6094"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.3471 12.8957) rotate(164.618) scale(17.2146 18.1802)"
      >
        <stop offset={0.802083} stopColor="#FF73A6" stopOpacity={0} />
        <stop offset={1} stopColor="#FF93BA" />
      </radialGradient>
      <radialGradient
        id="paint7_radial_7305_6094"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(29.1198 11.2517) rotate(172.927) scale(7.29137 9.69562)"
      >
        <stop stopColor="#FF7383" />
        <stop offset={1} stopColor="#FF7383" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint8_radial_7305_6094"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.3452 13.8393) rotate(-135.591) scale(12.6861 22.52)"
      >
        <stop stopColor="#FF6274" />
        <stop offset={1} stopColor="#FF6274" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = RedHeartIcon;