Add icons to this collection by clicking the heart icon.
Love icon - also known as heart, love, emoticon, smiley, 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="0" stop-color="#5653ff" />
<stop offset="1" stop-color="#00c2ff" />
</linearGradient>
<linearGradient
id="b"
x1="267.24"
x2="263.582"
y1="98.01"
y2="417.99"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="266.893"
x2="263.235"
y1="98.006"
y2="417.985"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="325.046"
x2="321.388"
y1="98.671"
y2="418.65"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="210.41"
x2="206.752"
y1="97.361"
y2="417.34"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="326.849"
x2="323.191"
y1="98.692"
y2="418.671"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="209.685"
x2="206.027"
y1="97.352"
y2="417.331"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="392.633"
x2="388.975"
y1="99.444"
y2="419.423"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="350.566"
x2="346.908"
y1="98.963"
y2="418.942"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="124.49"
x2="120.832"
y1="96.378"
y2="416.357"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M265.4 96c-88.2 0-160 71.8-160 160s71.8 160 160 160 160-71.8 160-160-71.8-160-160-160zm106.1 266.1c-58.6 58.6-153.6 58.6-212.1 0-58.6-58.6-58.6-153.6 0-212.1s153.6-58.6 212.1 0c28.1 28.1 43.9 66.3 43.9 106.1.1 39.7-15.7 77.9-43.9 106z"
/>
<path
fill="url(#c)"
d="m320 277.4 12.6.7s-13.4 23.5-67.1 23.5-67.1-23.5-67.1-23.5l12.6-.7c-18.8-13.4-25.1 9.3-25.1 9.3 2.2-3 5.1-5.4 8.5-7 0 0 11.5 44.4 71.2 44.4s71.2-44.4 71.2-44.4c3.4 1.6 6.3 4.1 8.5 7-.2 0-6.5-22.7-25.3-9.3zm-54.6 42.2c-57.8 0-68.9-39.8-69.2-41 .5.9 13.5 25.4 69.2 25.4s68.7-24.5 69.2-25.4c-.3 1.2-11.4 41-69.2 41z"
/>
<path
fill="url(#d)"
d="M290.6 205.7c-1.3 1.5.1 4.9 2.4 4.5 35.3-5.5 62.3 9.6 62.3 9.6s-8.5-13.9-23.9-20.3c-12.4-5.2-31.1-4.9-40.8 6.2z"
/>
<path
fill="url(#e)"
d="M240.2 205.7c1.3 1.5-.1 4.9-2.4 4.5-35.3-5.5-62.3 9.6-62.3 9.6s8.5-13.9 23.9-20.3c12.4-5.2 31.1-4.9 40.8 6.2z"
/>
<path
fill="url(#f)"
d="M358.4 171.3c0-.9-.2-1.8-.6-2.6 0 0-9.2-12.5-23-18.8-13.7-6.2-23.9-6.5-31.2-3.9-7.6 2.7-17 9.4-13 20.5 2.1 5.8 7.5 3.7 13.5 2.5s24-6.8 50.3 3.1c2.8 1.2 3.7.3 4-.8z"
/>
<path
fill="url(#g)"
d="M172.5 171.3c0-.9.2-1.8.6-2.6 0 0 9.2-12.5 23-18.8 13.7-6.2 23.9-6.5 31.2-3.9 7.6 2.7 17 9.4 13 20.5-2.1 5.8-7.5 3.7-13.5 2.5s-24-6.8-50.3 3.1c-2.9 1.2-3.8.3-4-.8z"
/>
<path
fill="url(#h)"
d="M426.3 179.9c-13.5 16.6-36.6 30.2-36.6 30.2s-23.1-13.7-36.6-30.2c-10.3-12.6-11.6-29.6 1.6-39.3 19.8-14.6 35 5.2 35 5.2s15.2-19.8 35-5.2c13.2 9.7 11.9 26.7 1.6 39.3z"
/>
<path
fill="url(#i)"
d="M386.5 377.3c-13.5 16.6-36.6 30.2-36.6 30.2s-23.1-13.7-36.6-30.2c-10.3-12.6-11.6-29.6 1.6-39.3 19.8-14.6 35 5.2 35 5.2s15.2-19.8 35-5.2c13.2 9.7 11.9 26.7 1.6 39.3z"
/>
<path
fill="url(#j)"
d="M158.9 245.5c-13.5 16.6-36.6 30.2-36.6 30.2S99.2 262 85.7 245.5c-10.3-12.6-11.6-29.6 1.6-39.3 19.8-14.6 35 5.2 35 5.2s15.2-19.8 35-5.2c13.2 9.7 11.8 26.7 1.6 39.3z"
/>
</svg>
More icons in the same style and category