Add icons to this collection by clicking the heart icon.
Love icon - also known as relationship, hand, heart, love, loving, romance, romantic, give love, and love and romance. 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 33.867 33.867"
>
<linearGradient
id="c"
x1="-65.653"
x2="-65.686"
y1="22.021"
y2="3.578"
gradientTransform="matrix(1.177 0 0 1.21 96.853 -1.185)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d90947" />
<stop offset="1" stop-color="#ff585b" />
</linearGradient>
<linearGradient
id="d"
x1="31.536"
x2="1.061"
y1="26.78"
y2="20.94"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="a">
<stop offset="0" stop-color="#f6d3b7" />
<stop offset="1" stop-color="#f6b4cb" />
</linearGradient>
<linearGradient
id="b"
x1="123.559"
x2="96.835"
y1="92.07"
y2="99.403"
gradientTransform="rotate(-4.98 3.246 75.862) scale(.265)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="2.381"
x2="2.381"
y1="15.201"
y2="32.808"
gradientTransform="matrix(1 0 0 -1 .001 48.278)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7e3f" />
<stop offset="1" stop-color="#ffbe3f" />
</linearGradient>
<g stroke-linecap="round" stroke-linejoin="round">
<path
fill="url(#b)"
d="M26.46 21.127c-.428.025-.929.154-1.5.42l-5.153 2.523 4.427 1.405 3.605-1.427c.975-1.166.476-3.027-1.38-2.92z"
paint-order="markers fill stroke"
/>
<path
fill="url(#c)"
d="M13.086 2.381a6.581 6.581 0 0 0-4.734 2.023c-2.623 2.698-2.623 7.04 0 9.738l9.028 9.285c.382.392 1.03.941 2.204.941 1.173 0 1.744-.47 2.201-.941l9.029-9.285c2.622-2.697 2.622-7.04 0-9.738-2.623-2.697-6.846-2.697-9.469 0l-1.762 1.813-1.762-1.813a6.581 6.581 0 0 0-4.735-2.023z"
paint-order="fill markers stroke"
/>
<path
fill="url(#d)"
d="M11.49 17.311c-.864 0-3.79 1.148-5.534 1.86v10.466l18.682-.003c1.515 0 2.752-.478 4.023-1.258l3.537-2.467c1.323-1.323.513-3.893-2.646-2.745l-5.357 2.056-7.371-2.298c3.374-.046 4.165-2.352 1.818-3.283-2.376-.943-5-2.328-7.152-2.328z"
paint-order="markers fill stroke"
/>
</g>
<path
fill="url(#e)"
d="M2.383 31.49h2.78a1.32 1.32 0 0 0 1.322-1.324v-12.05a1.32 1.32 0 0 0-1.323-1.324h-2.78a1.32 1.32 0 0 0-1.322 1.323v12.051c0 .733.59 1.323 1.323 1.323z"
paint-order="markers fill stroke"
/>
<path
fill="#dc2c36"
d="M3.97 17.262h-.264v.529h.263zm0 1.324h-.264v.529h.263zm0 1.322h-.264v.53h.263zm0 1.322h-.264v.53h.263zm0 1.324h-.264v.53h.263zm0 1.323h-.264v.529h.263zm0 1.322h-.264v.53h.263zm0 1.324h-.264v.53h.263zm0 1.323h-.264v.529h.263zm0 1.322h-.264v.53h.263zm0 1.324h-.264v.528h.263z"
paint-order="markers fill stroke"
/>
</svg>
More icons in the same style and category