Add icons to this collection by clicking the heart icon.
Heart icon - also known as shapes, heart, lover, like, peace, love, life, loving, and love and romance. Created in a clean color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 510 510"
>
<radialGradient
id="a"
cx="241.22"
cy="172.518"
r="248.228"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4974" />
<stop offset=".45" stop-color="#fe4773" />
<stop offset=".629" stop-color="#fc406d" />
<stop offset=".76" stop-color="#f73464" />
<stop offset=".868" stop-color="#f12257" />
<stop offset=".961" stop-color="#e80c46" />
<stop offset="1" stop-color="#e4003d" />
</radialGradient>
<linearGradient
id="b"
x1="297.292"
x2="176.237"
y1="398.22"
y2="265.975"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e4003d" stop-opacity="0" />
<stop offset="1" stop-color="#e4003d" />
</linearGradient>
<linearGradient
id="c"
x1="69.133"
x2="183.067"
y1="203.201"
y2="338.498"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe548" />
<stop offset=".176" stop-color="#ffde50" />
<stop offset=".445" stop-color="#ffca65" />
<stop offset=".771" stop-color="#ffaa87" />
<stop offset="1" stop-color="#ff90a4" />
</linearGradient>
<path
fill="url(#a)"
d="M403.071 72.443c-64.211-3.129-117.397 47.305-118.76 110.502-.003.138-.051.138-.053 0-1.363-63.197-54.549-113.63-118.76-110.502C94.976 75.88 48.171 144.856 60.554 214.366 81.382 331.272 225.262 411.765 270.62 434.464a30.51 30.51 0 0 0 27.329 0c45.358-22.699 189.238-103.192 210.065-220.098 12.384-69.51-34.422-138.486-104.943-141.923z"
/>
<path
fill="url(#b)"
d="M61.891 221.001c.252 1.143.511 2.283.785 3.418a187.792 187.792 0 0 0 1.305 5.048c.164.598.326 1.196.496 1.791.331 1.16.678 2.314 1.032 3.466.147.478.286.958.437 1.434a182.161 182.161 0 0 0 1.586 4.784c.124.356.257.708.383 1.064.439 1.24.888 2.477 1.354 3.708.224.592.457 1.181.687 1.771.388.994.781 1.987 1.185 2.975a199.688 199.688 0 0 0 2.024 4.762c.273.62.543 1.241.822 1.859.473 1.046.96 2.086 1.45 3.125.236.5.464 1.003.704 1.5a213.29 213.29 0 0 0 2.168 4.365c.311.608.633 1.211.95 1.817.464.888.93 1.776 1.407 2.659.377.698.762 1.393 1.148 2.088a214.758 214.758 0 0 0 3.873 6.717c.437.73.872 1.461 1.317 2.186.437.712.884 1.418 1.329 2.126A250.993 250.993 0 0 0 91.118 288c.367.559.729 1.121 1.101 1.677.563.842 1.137 1.677 1.709 2.513.373.544.745 1.09 1.122 1.631a263.835 263.835 0 0 0 2.868 4.035c.637.879 1.276 1.756 1.923 2.628.292.393.587.783.881 1.175 2.543 3.39 5.161 6.73 7.852 10.012l.033.04c.864 1.054 1.739 2.1 2.617 3.143l.525.624c.87 1.028 1.747 2.05 2.63 3.067l.432.495c5.984 6.861 12.248 13.471 18.698 19.816l.16.16c49.714 48.854 110.313 82.119 136.947 95.448a30.51 30.51 0 0 0 27.329 0c18.753-9.385 54.348-28.657 91.123-56.289L228.497 217.601c-10.208-11.247-24.359-18.704-40.922-19.511-27.742-1.352-51.687 15.667-60.772 39.941l-19.807-19.697c-11.805-13.056-29.116-21.039-48.279-20.256.06 1.245.143 2.493.24 3.741.028.361.063.722.094 1.083a128.134 128.134 0 0 0 .401 3.945c.103.877.217 1.755.339 2.632.053.384.103.768.16 1.152.184 1.244.381 2.488.603 3.733.3 1.686.633 3.363.984 5.034.112.537.236 1.069.353 1.603z"
/>
<path
fill="url(#c)"
d="M187.575 198.09c-34.961-1.703-63.92 25.757-64.663 60.166-.001.075-.028.075-.029 0-.742-34.41-29.701-61.869-64.663-60.166-38.398 1.871-63.882 39.427-57.14 77.274 11.34 63.653 89.68 107.48 114.377 119.839a16.61 16.61 0 0 0 14.88 0c24.697-12.359 103.037-56.186 114.377-119.839 6.743-37.847-18.741-75.403-57.139-77.274z"
/>
</svg>
More icons in the same style and category