Add icons to this collection by clicking the heart icon.
Heart icon - also known as heart, love, horns, devil, smileys, and emoji. Created in a clean flat style with a white, silver, gray, maroon, teal, and orange finish, 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 57 58"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#802f34"
d="M9.551 55.067c-.555.004-1.11-.02-1.662-.073l-.987-.11.221-1.984.987.11c.071.006 7.288.738 12.766-3.469l1.218 1.586a20.979 20.979 0 0 1-12.543 3.94z"
/>
<path
fill="#df4d60"
d="M57 23.31a19.891 19.891 0 0 1-3.18 10.64c-4.21 6.95-12.36 13.67-22.79 23.26a3.01 3.01 0 0 1-4.06 0C16.54 47.62 8.39 40.9 4.18 33.95A19.891 19.891 0 0 1 1 23.31a18.487 18.487 0 0 1 2.6-9.65l7.92-6.19A12.772 12.772 0 0 1 15 7c6.33 0 10.36 4 12.4 6.77a1.985 1.985 0 0 0 3.2 0C32.64 11 36.67 7 43 7a12.772 12.772 0 0 1 3.48.47l7.92 6.19a18.487 18.487 0 0 1 2.6 9.65z"
/>
<path
fill="#ff5364"
d="M57 23.31a19.891 19.891 0 0 1-3.18 10.64C47.95 39.48 39.01 43 29 43s-18.95-3.52-24.82-9.05A19.891 19.891 0 0 1 1 23.31a18.487 18.487 0 0 1 2.6-9.65l7.92-6.19A12.772 12.772 0 0 1 15 7c6.33 0 10.36 4 12.4 6.77a1.985 1.985 0 0 0 3.2 0C32.64 11 36.67 7 43 7a12.772 12.772 0 0 1 3.48.47l7.92 6.19a18.487 18.487 0 0 1 2.6 9.65z"
/>
<path
fill="#df4d60"
d="M6.554 22.023a1 1 0 0 1-.047-2c4.624-.045 8.79-2.8 10.64-7.038a1 1 0 1 1 1.832.8A13.67 13.67 0 0 1 6.6 22.022z"
/>
<path
fill="#ecf0f1"
d="M13.654 9.321C11.885 8.21 9 5.548 9 0 9 0-.3 5.579 4.417 15.841a2.038 2.038 0 0 0 1.947 1.187 8.841 8.841 0 0 0 8.036-5.244 1.979 1.979 0 0 0-.746-2.463z"
/>
<path
fill="#df4d60"
d="M51.449 22.023H51.4a13.672 13.672 0 0 1-12.379-8.234 1 1 0 0 1 1.833-.8A11.731 11.731 0 0 0 51.5 20.024a1 1 0 0 1-.046 2z"
/>
<path
fill="#ecf0f1"
d="M44.346 9.321C46.115 8.21 49 5.548 49 0c0 0 9.3 5.579 4.583 15.841a2.038 2.038 0 0 1-1.947 1.187 8.841 8.841 0 0 1-8.036-5.244 1.979 1.979 0 0 1 .746-2.463z"
/>
<path
fill="#cc4b4c"
d="M.674 55.059 6 57.837a1.34 1.34 0 0 0 2-1.059v-5.556a1.34 1.34 0 0 0-2-1.059L.674 52.941a1.169 1.169 0 0 0 0 2.118z"
/>
<circle cx="21" cy="28" r="3" fill="#ecf0f1" />
<circle cx="37" cy="28" r="3" fill="#ecf0f1" />
<path
fill="#df4d60"
d="M25 27a1 1 0 0 1-.316-.051l-6-2a1.001 1.001 0 0 1 .632-1.9l6 2A1 1 0 0 1 25 27zM33 27a1 1 0 0 1-.316-1.949l6-2a1.001 1.001 0 0 1 .632 1.9l-6 2A1 1 0 0 1 33 27z"
/>
<path
fill="#ecf0f1"
d="M37 35a12.225 12.225 0 0 1-.41 2.8 10.346 10.346 0 0 1-.94 2.4A7.081 7.081 0 0 1 29 44a7.081 7.081 0 0 1-6.65-3.8 10.346 10.346 0 0 1-.94-2.4A12.225 12.225 0 0 1 21 35a27.673 27.673 0 0 0 8 1 27.673 27.673 0 0 0 8-1z"
/>
<path
fill="#d1d4d1"
d="M36.59 37.8a10.346 10.346 0 0 1-.94 2.4c-2.17.563-4.408.832-6.65.8a25.028 25.028 0 0 1-6.65-.8 10.346 10.346 0 0 1-.94-2.4A21.059 21.059 0 0 0 29 39a21.059 21.059 0 0 0 7.59-1.2z"
/>
<path
fill="#df4d60"
d="M19 38a1 1 0 0 1-.949-1.316C19.265 33.042 21.889 33 22 33a1 1 0 0 1 .023 2c-.092.006-1.349.139-2.074 2.316A1 1 0 0 1 19 38zM39 38a1 1 0 0 1-.949-.684C37.313 35.1 36.027 35 35.973 35a1.015 1.015 0 0 1-.957-1.029A.987.987 0 0 1 36 33c.111 0 2.735.042 3.949 3.684A1 1 0 0 1 39 38z"
/>
<g fill="#3f5c6c">
<circle cx="21.5" cy="28" r="1.5" />
<circle cx="36.5" cy="28" r="1.5" />
</g>
</g>
</svg>
More icons in the same style and category