Add icons to this collection by clicking the heart icon.
Heart icon - also known as hand, heart, gesture, hand heart, love, finger, romantic, valentines, lovely, dating, sign language, and valentines day. Created in a clean outline 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"
>
<defs>
<linearGradient
id="a"
x1="31.096"
x2="31.096"
y1="1.369"
y2="63.92"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#38d6a4" />
<stop offset=".171" stop-color="#32caae" />
<stop offset=".478" stop-color="#22abc8" />
<stop offset=".884" stop-color="#0879f2" />
<stop offset=".999" stop-color="#0069ff" />
</linearGradient>
<linearGradient
id="b"
x1="32.001"
x2="32.001"
y1="1.369"
y2="63.92"
href="#a"
/>
<linearGradient
id="c"
x1="12.232"
x2="12.232"
y1="1.369"
y2="63.92"
gradientTransform="rotate(-45 12.233 26.232)"
href="#a"
/>
<linearGradient
id="d"
x1="15.768"
x2="15.768"
y1="1.369"
y2="63.92"
gradientTransform="rotate(-45 15.767 29.768)"
href="#a"
/>
<linearGradient
id="e"
x1="15.768"
x2="15.768"
y1="1.369"
y2="63.92"
gradientTransform="rotate(-135 15.768 26.232)"
href="#a"
/>
<linearGradient
id="f"
x1="12.232"
x2="12.232"
y1="1.369"
y2="63.92"
gradientTransform="rotate(-135 12.232 29.768)"
href="#a"
/>
<linearGradient
id="g"
x1="48.232"
x2="48.232"
y1="1.369"
y2="63.92"
gradientTransform="rotate(-45 48.232 14.233)"
href="#a"
/>
<linearGradient
id="h"
x1="51.768"
x2="51.768"
y1="1.369"
y2="63.92"
gradientTransform="rotate(-45 51.767 17.767)"
href="#a"
/>
<linearGradient
id="i"
x1="51.768"
x2="51.768"
y1="1.369"
y2="63.92"
gradientTransform="rotate(-135 51.768 14.232)"
href="#a"
/>
<linearGradient
id="j"
x1="48.232"
x2="48.232"
y1="1.369"
y2="63.92"
gradientTransform="rotate(-135 48.232 17.768)"
href="#a"
/>
</defs>
<g>
<path
d="M44.521 47.985a4 4 0 0 0 0-5.655l-2.829-2.83a4 4 0 0 0 0-5.655l-2.829-2.829 4.949-4.951a5 5 0 1 0-7.07-7.07l-4.95 4.95-2.829-2.829a5 5 0 1 0-7.07 7.072l2.828 2.828-4.95 4.95A16 16 0 0 0 42.4 58.592l3.537-3.536a4 4 0 0 0 0-5.656ZM23.308 26.772a3 3 0 0 1 0-4.243 3.072 3.072 0 0 1 4.242 0l2.829 2.829-4.243 4.242Zm21.213 26.87-3.536 3.536a14 14 0 1 1-19.8-19.8l16.972-16.97A3 3 0 1 1 42.4 24.65l-5.656 5.658-10.608 10.606a1 1 0 1 0 1.414 1.414l9.9-9.9 2.829 2.829a2 2 0 0 1 0 2.827l-.708.708-7.778 7.778a1 1 0 1 0 1.414 1.414l7.071-7.071 2.829 2.829a2 2 0 0 1 0 2.827l-.708.708-4.949 4.95a1 1 0 1 0 1.414 1.414l4.242-4.241 1.415 1.415a2 2 0 0 1 0 2.828Z"
fill="url(#a)"
/>
<path
d="M31.318 20.731a1 1 0 0 0 1.371-.006l7.7-7.316a7.887 7.887 0 0 0 1.742-8.461 5.537 5.537 0 0 0-5-3.947H37a6.539 6.539 0 0 0-4.962 2.439A6.542 6.542 0 0 0 27.075 1h-.121a5.6 5.6 0 0 0-5.026 3.88 8.069 8.069 0 0 0 1.591 8.583Zm-7.53-15.116A3.768 3.768 0 0 1 27.075 3a4.881 4.881 0 0 1 4.1 2.672 1.039 1.039 0 0 0 1.731 0A4.9 4.9 0 0 1 37.079 3c1.983.04 2.881 1.866 3.175 2.649a5.891 5.891 0 0 1-1.225 6.288l-.015.014-7.023 6.675-7.091-6.61a6.062 6.062 0 0 1-1.112-6.401Z"
fill="url(#b)"
/>
<rect
width="3"
height="2"
x="10.732"
y="25.232"
rx="1"
transform="rotate(45 12.232 26.233)"
fill="url(#c)"
/>
<rect
width="3"
height="2"
x="14.268"
y="28.768"
rx="1"
transform="rotate(45 15.768 29.767)"
fill="url(#d)"
/>
<rect
width="3"
height="2"
x="14.268"
y="25.232"
rx="1"
transform="rotate(135 15.768 26.232)"
fill="url(#e)"
/>
<rect
width="3"
height="2"
x="10.732"
y="28.768"
rx="1"
transform="rotate(135 12.232 29.768)"
fill="url(#f)"
/>
<rect
width="3"
height="2"
x="46.732"
y="13.232"
rx="1"
transform="rotate(45 48.233 14.233)"
fill="url(#g)"
/>
<rect
width="3"
height="2"
x="50.268"
y="16.768"
rx="1"
transform="rotate(45 51.767 17.768)"
fill="url(#h)"
/>
<rect
width="3"
height="2"
x="50.268"
y="13.232"
rx="1"
transform="rotate(135 51.768 14.232)"
fill="url(#i)"
/>
<rect
width="3"
height="2"
x="46.732"
y="16.768"
rx="1"
transform="rotate(135 48.232 17.768)"
fill="url(#j)"
/>
</g>
</svg>
More icons in the same style and category