Add icons to this collection by clicking the heart icon.
Heart icon - also known as arrows, heart, love, health, recycling, recycle, love and romance, and ecology and environment. Created in a clean flat gradient style with a pink 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 63.9 63.9"
>
<linearGradient id="a">
<stop offset="0" stop-color="#b5c27d" />
<stop offset=".096" stop-color="#afc27d" />
<stop offset=".23" stop-color="#9dc27c" />
<stop offset=".386" stop-color="#7fc27c" />
<stop offset=".559" stop-color="#56c27b" />
<stop offset=".744" stop-color="#21c27a" />
<stop offset=".849" stop-color="#00c279" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="33"
y1="30.94"
y2="30.94"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="30.964"
x2="63.943"
y1="33.984"
y2="33.984"
gradientTransform="matrix(1 0 0 -1 0 66)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="13"
x2="51"
y1="31.713"
y2="31.713"
gradientUnits="userSpaceOnUse"
>
<stop offset=".349" stop-color="#ff3f62" />
<stop offset=".496" stop-color="#f9395c" />
<stop offset=".7" stop-color="#e9274a" />
<stop offset=".937" stop-color="#cf092d" />
<stop offset="1" stop-color="#c70024" />
</linearGradient>
<path
fill="url(#b)"
d="M32.8 11.1C29.2 5.9 23.1 2.9 17 3.2c-9.7.6-17 8.9-17 19.5 0 21.2 19.3 32.2 27.6 35.9.1.1.3.1.4.1.4 0 .7-.2.9-.6.2-.5 0-1.1-.5-1.3C20.4 53.2 2 42.7 2 22.7c0-9.5 6.5-17 15.1-17.4 4.7-.3 9.5 1.7 12.8 5.4H27c-.5 0-1 .4-1 .9-.1.6.4 1.1 1 1.1h5c.8 0 1.3-.9.8-1.6z"
/>
<path
fill="url(#c)"
d="M63.9 22.7c0-10.5-7.3-18.9-16.9-19.4-4.1-.2-8.2 1-11.6 3.6-.4.3-.5 1-.2 1.4s1 .5 1.4.2c3-2.2 6.7-3.4 10.3-3.2 8.6.5 15.1 8 15.1 17.4 0 20.9-20.1 31.7-27.6 35l1.5-2.4c.3-.5.1-1.1-.3-1.4-.5-.3-1.1-.1-1.4.3l-3 5c-.5.8.3 1.8 1.2 1.5l1.4-.5c6-2.6 30.2-13.9 30.1-37.5z"
/>
<path
fill="url(#d)"
d="M32.3 48.7c.2-.1 18.7-6.3 18.7-22.2 0-6.4-4.4-11.5-10.3-11.8-3.4-.2-6.6 1.2-8.8 3.6-2.2-2.5-5.4-3.8-8.8-3.6C17.4 15 13 20.1 13 26.5c0 16 18.5 22.2 18.7 22.2 0 0 .353.105.6 0z"
/>
<g fill="#ffa4b4">
<path
d="M45 24.3c-.4 0-.7-.2-.9-.5-1-1.8-2.6-3-4.5-3.1-.6 0-1-.5-.9-1.1 0-.6.5-1 1.1-.9 2.6.1 4.9 1.7 6.2 4.1.3.5.1 1.1-.4 1.3-.3.2-.5.2-.6.2zM29.3 41.8c-.3-.1-6.2-2.1-9.4-7-.3-.5-.2-1.1.3-1.4s1.1-.2 1.4.3c2.8 4.4 8.3 6.2 8.4 6.2.5.2.847.679.6 1.3-.486.943-1.3.6-1.3.6z"
/>
</g>
</svg>
More icons in the same style and category