Add icons to this collection by clicking the heart icon.
Heart icon - also known as communication, signal, internet, wifi signal, heart, love, and love and romance. 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 64 64"
>
<linearGradient
id="b"
x1="13.667"
x2="50.334"
y1="47"
y2="47"
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>
<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="c"
x1="24.473"
x2="39.527"
y1="24.004"
y2="24.004"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="17.092"
x2="46.908"
y1="15.051"
y2="15.051"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="9.334"
x2="54.666"
y1="6.693"
y2="6.693"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="#f7afd1"
d="M44.749 40a.996.996 0 0 1-.895-.554c-.918-1.837-2.495-2.951-4.328-3.059a1 1 0 1 1 .117-1.996c2.53.147 4.773 1.703 6 4.162A1 1 0 0 1 44.749 40zM29.748 57.143a1 1 0 0 1-.321-.053c-.244-.083-6-2.078-9.108-7.059a1 1 0 0 1 1.696-1.059c2.734 4.381 8.001 6.205 8.054 6.223a1 1 0 0 1-.321 1.948z"
/>
<path
fill="#ed539d"
d="M45.822 14.839c-8.008-6.505-19.634-6.504-27.644 0a2.956 2.956 0 0 0-1.082 2.141 3.027 3.027 0 0 0 .88 2.292c1.084 1.085 2.817 1.164 4.032.187a15.973 15.973 0 0 1 19.984 0 3.07 3.07 0 0 0 1.926.684c.769 0 1.529-.293 2.106-.87a3.028 3.028 0 0 0 .88-2.292 2.96 2.96 0 0 0-1.082-2.142z"
/>
<path
fill="url(#b)"
d="M40.433 30.018c-3.248-.188-6.311 1.148-8.433 3.614-2.121-2.467-5.186-3.805-8.433-3.614-5.638.324-9.894 5.364-9.901 11.724-.016 15.978 17.836 22.146 18.016 22.206a1.018 1.018 0 0 0 .636 0c.18-.061 18.032-6.229 18.016-22.207-.007-6.359-4.264-11.399-9.901-11.723z"
/>
<path
fill="#ffa5b5"
d="M44.749 40a.996.996 0 0 1-.895-.554c-.918-1.837-2.495-2.951-4.328-3.059a1 1 0 1 1 .117-1.996c2.53.147 4.773 1.703 6 4.162A1 1 0 0 1 44.749 40zM29.748 57.143a1 1 0 0 1-.321-.053c-.244-.083-6-2.078-9.108-7.059a1 1 0 0 1 1.696-1.059c2.734 4.381 8.001 6.205 8.054 6.223a1 1 0 0 1-.321 1.948z"
/>
<path
fill="url(#c)"
d="M39.507 24.27a2.919 2.919 0 0 0-1.354-2.158c-3.738-2.33-8.568-2.33-12.305 0a2.916 2.916 0 0 0-1.355 2.158c-.106.925.21 1.831.866 2.487.989.99 2.497 1.173 3.666.444 1.778-1.106 4.173-1.106 5.951 0a2.92 2.92 0 0 0 1.547.443c.77 0 1.535-.303 2.119-.888a3.013 3.013 0 0 0 .865-2.486z"
/>
<path
fill="url(#d)"
d="M45.822 14.839c-8.008-6.505-19.634-6.504-27.644 0a2.956 2.956 0 0 0-1.082 2.141 3.027 3.027 0 0 0 .88 2.292c1.084 1.085 2.817 1.164 4.032.187a15.973 15.973 0 0 1 19.984 0 3.07 3.07 0 0 0 1.926.684c.769 0 1.529-.293 2.106-.87a3.028 3.028 0 0 0 .88-2.292 2.96 2.96 0 0 0-1.082-2.142z"
/>
<path
fill="url(#e)"
d="M53.646 8.128C47.671 2.887 39.983 0 32 0S16.329 2.887 10.353 8.128a3.005 3.005 0 0 0-.139 4.382 2.99 2.99 0 0 0 2.118.875c.701 0 1.404-.244 1.966-.737C19.185 8.361 25.471 6 32 6s12.815 2.361 17.701 6.648a2.996 2.996 0 0 0 4.963-2.365 3.005 3.005 0 0 0-1.018-2.155z"
/>
</svg>
More icons in the same style and category