Add icons to this collection by clicking the heart icon.
Hearts icon - also known as animals, emotion, hearts, pets, cat, emoticon, avatar, cute, content, smileys, and emoji. Created in a clean flat 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 512 512"
>
<linearGradient id="a">
<stop offset=".737" stop-color="#ffc970" />
<stop offset="1" stop-color="#ffb233" />
</linearGradient>
<linearGradient
id="c"
x1="-2525.459"
x2="-2492.214"
y1="56.111"
y2="104.135"
gradientTransform="matrix(-1 0 0 1 -2088 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset=".8" stop-color="#ebeae0" />
<stop offset="1" stop-color="#d7d5c1" />
</linearGradient>
<radialGradient
id="d"
cx="-2565.655"
cy="86.667"
r="73.34"
gradientTransform="matrix(-1 0 0 1 -2088 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="74.541"
x2="107.786"
y1="56.111"
y2="104.135"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="f"
cx="34.346"
cy="86.667"
r="73.34"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="g"
cx="256"
cy="291"
r="234.155"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="h"
cx="-2344"
cy="291"
r="234.155"
gradientTransform="matrix(-1 0 0 1 -2088 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="256"
x2="256"
y1="318.5"
y2="497.101"
gradientUnits="userSpaceOnUse"
>
<stop offset=".483" stop-color="#ebeae0" />
<stop offset="1" stop-color="#d7d5c1" />
</linearGradient>
<path
fill="url(#c)"
d="M299 163h158c30.5-47.2 31.1-107.8 1.5-155.6L457 5h-1.5C392.1 5 336 46.1 316.9 106.6z"
/>
<path
fill="url(#d)"
d="M299 163h158c30.5-47.2 31.1-107.8 1.5-155.6L457 5z"
/>
<path
fill="url(#e)"
d="M213 163H55C24.5 115.8 23.9 55.2 53.5 7.4L55 5h1.5C119.9 5 176 46.1 195.1 106.6z"
/>
<path fill="url(#f)" d="M213 163H55C24.5 115.8 23.9 55.2 53.5 7.4L55 5z" />
<path
fill="url(#g)"
d="M372.3 487.4c-34.6 12.9-71.2 19.6-108.1 19.6h-16.3c-36.9 0-73.6-6.6-108.1-19.6C58.7 457.1 5 379.7 5 293.2c0-50.4 18.3-99 51.6-136.9C102 104.6 167.4 75 236.2 75h39.6c68.8 0 134.2 29.6 179.6 81.3 33.3 37.9 51.6 86.5 51.6 136.9 0 86.5-53.7 163.9-134.7 194.2z"
/>
<path
fill="url(#h)"
d="M139.7 487.4c34.6 12.9 71.2 19.6 108.1 19.6h16.3c36.9 0 73.6-6.6 108.1-19.6 81-30.3 134.7-107.7 134.7-194.3 0-50.4-18.3-99-51.6-136.9C410 104.6 344.6 75 275.8 75h-39.6c-68.8 0-134.2 29.6-179.6 81.3C23.3 194.1 5 242.8 5 293.2c0 86.5 53.7 163.9 134.7 194.2z"
/>
<path
fill="url(#i)"
d="M256 240c-12.4 0-23.9 6.5-30.2 17.2l-8.4 14.1c-6.5 11-18.4 17.7-31.1 17.7-20 0-36.2 16.2-36.2 36.2V491c31.5 10.5 64.6 15.9 97.8 15.9h16.3c33.3 0 66.3-5.4 97.8-15.9V325.2c0-20-16.2-36.2-36.2-36.2-12.8 0-24.6-6.7-31.1-17.7l-8.4-14.1c-6.4-10.7-17.9-17.2-30.3-17.2z"
/>
<path
fill="#e36414"
d="M231 75.1c0 38.6 11.2 69.9 25 69.9s25-31.3 25-69.9c-1.7 0-3.5-.1-5.2-.1h-39.6c-1.7 0-3.5 0-5.2.1zM207.6 128.7c7.7-2.8 6.8-25.3-1.7-51.8-10.9 1.4-21.6 3.5-32.1 6.4 10.7 28.2 25.6 48.4 33.8 45.4zM306.2 77c-8.5 26.5-9.4 49-1.7 51.8 8.2 3 23.1-17.2 33.8-45.4-10.5-2.9-21.3-5.1-32.1-6.4z"
/>
<path
fill="#b24e10"
d="M251 260h10v60h-10zM126.855 314.265l2.43 9.7-39.964 10.012-2.43-9.7zM89.081 284.152l39.964 10.012-2.43 9.7-39.964-10.012zM422.975 284.214l2.43 9.7-39.964 10.012-2.43-9.7zM385.025 314.285l39.964 10.012-2.43 9.7-39.964-10.012z"
/>
<path
fill="#e36414"
d="M261.9 240h-11.7c-7.8 0-14.1 6.3-14.1 14.1 0 3.8 1.5 7.3 4.1 10L256 280l15.9-15.9c2.7-2.7 4.1-6.2 4.1-10 0-7.8-6.3-14.1-14.1-14.1z"
/>
<path
fill="#b24e10"
d="M217 260h-10v-20c0-8.3-6.7-15-15-15s-15 6.7-15 15v20h-10v-20c0-13.8 11.2-25 25-25s25 11.2 25 25zM345 260h-10v-20c0-8.3-6.7-15-15-15s-15 6.7-15 15v20h-10v-20c0-13.8 11.2-25 25-25s25 11.2 25 25zM304 325h-96c-13.8 0-25-11.2-25-25h10c0 8.3 6.7 15 15 15h96c8.3 0 15-6.7 15-15h10c0 13.8-11.2 25-25 25z"
/>
<g fill="#e36414">
<path
d="M9.2 334.5c2.1 10.6 5.1 20.9 8.8 30.9 25.8-10.5 43.6-24.2 40.8-31.9-2.8-7.6-24.1-6.9-49.6 1zM58.7 280.6c3.1-8.4-18.5-24-48.2-34.8-2.5 10.7-4.2 21.6-5 32.7 27.2 8.8 50.4 9.9 53.2 2.1zM501.5 245.7c-29.7 10.8-51.3 26.4-48.2 34.8 2.9 7.8 26.1 6.7 53.2-2.2-.8-11-2.5-21.9-5-32.6zM453.3 333.4c-2.8 7.7 15 21.4 40.8 31.9 3.7-10 6.7-20.3 8.8-30.9-25.6-7.8-46.9-8.5-49.6-1z"
/>
</g>
<path
fill="#db3429"
d="M355 11c-8-8-21-8-29 0s-8 21 0 29l29 29 29-29c8-8 8-21 0-29s-21-8-29 0zM40 198c-8-8-21-8-29 0s-8 21 0 29l29 29 29-29c8-8 8-21 0-29s-21-8-29 0zM472 373c-8-8-21-8-29 0s-8 21 0 29l29 29 29-29c8-8 8-21 0-29s-21-8-29 0z"
/>
</svg>
More icons in the same style and category