Add icons to this collection by clicking the heart icon.
Heart icon - also known as heart, love, in love, feeling, love and romance, and beating heart. Created in a clean gradient 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="9.531"
x2="9.531"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="54.47"
x2="54.47"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="13.702"
x2="13.702"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="17.873"
x2="17.873"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="50.299"
x2="50.299"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="46.128"
x2="46.128"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="32.024"
x2="32.024"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M11.108 48.231a1 1 0 0 0 .769-1.639c-7.198-8.656-6.37-21.434 1.886-29.089a1 1 0 1 0-1.361-1.467c-9.034 8.378-9.94 22.361-2.063 31.835.197.237.482.36.769.36z"
/>
<path
fill="url(#c)"
d="M52.125 46.592a.998.998 0 0 0 .768 1.639c.287 0 .572-.123.77-.36 7.876-9.474 6.97-23.457-2.063-31.835a1 1 0 1 0-1.359 1.467c8.252 7.655 9.08 20.433 1.884 29.089z"
/>
<path
fill="url(#d)"
d="M14.234 44.735a1 1 0 1 0 1.533-1.285c-5.525-6.588-4.937-16.353 1.339-22.23a1 1 0 1 0-1.368-1.459c-7.05 6.602-7.712 17.573-1.504 24.974z"
/>
<path
fill="url(#e)"
d="M18.13 41.604a1 1 0 1 0 1.523-1.296c-3.848-4.521-3.498-11.273.798-15.371a1 1 0 1 0-1.381-1.447c-5.061 4.827-5.474 12.784-.94 18.114z"
/>
<path
fill="url(#f)"
d="M48.233 43.451a1.001 1.001 0 0 0 1.534 1.285c6.207-7.401 5.547-18.372-1.504-24.975a1 1 0 1 0-1.367 1.459c6.275 5.879 6.863 15.643 1.337 22.231z"
/>
<path
fill="url(#g)"
d="M44.346 40.308a1.002 1.002 0 0 0 .761 1.648 1 1 0 0 0 .762-.352c4.536-5.328 4.123-13.285-.939-18.116a1 1 0 1 0-1.381 1.447c4.296 4.099 4.646 10.852.797 15.373z"
/>
<path
fill="url(#h)"
d="M22.938 39.236c1.252 1.264 2.677 2.309 4.056 3.318 1.559 1.143 3.031 2.223 4.265 3.586a1 1 0 0 0 .742.329h.001a1 1 0 0 0 .742-.33c1.03-1.143 2.473-2.237 4-3.396 4.014-3.048 9.009-6.84 6.722-12.964-.992-2.66-3.389-4.455-6.007-4.465a8.918 8.918 0 0 0-5.458 2.161 8.957 8.957 0 0 0-5.501-2.162c-2.802.012-5.278 2.041-6.16 5.05-.9 3.066.048 6.3 2.598 8.873zm-.68-8.31c.508-1.733 2.055-3.603 4.206-3.613a6.9 6.9 0 0 1 4.797 2.229c.379.416 1.099.416 1.478 0 1.228-1.346 2.976-2.158 4.754-2.229 2.019.009 3.513 1.596 4.099 3.165 1.767 4.731-2.034 7.616-6.058 10.671-1.279.972-2.502 1.899-3.531 2.885-1.197-1.164-2.53-2.142-3.827-3.092-1.376-1.01-2.676-1.963-3.818-3.114-2.022-2.04-2.788-4.557-2.1-6.902z"
/>
</svg>
More icons in the same style and category