Add icons to this collection by clicking the heart icon.
Love icon - also known as hand, heart, love, Solidarity, donation, charity, romance, loyalty, love and romance, and hands and gestures. Created in a clean 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="64"
height="64"
viewBox="0 0 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="38.515"
x2="38.515"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="46.593"
x2="46.593"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="56.014"
x2="56.014"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="39.9"
x2="39.9"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="20.149"
x2="20.149"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="35.951"
x2="35.951"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="39.569"
x2="39.569"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="45.244"
x2="45.244"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="30.51"
x2="30.51"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="54.916"
x2="54.916"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="50.658"
x2="50.658"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="44.916"
x2="44.916"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="34.417"
x2="34.417"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="11.25"
x2="11.25"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="6.75"
x2="6.75"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="16"
x2="16"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="43.852"
x2="43.852"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="24.099"
x2="24.099"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="28.05"
x2="28.05"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="40.628"
x2="40.628"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="51.693"
x2="51.693"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="40.662"
x2="40.662"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="x"
x1="21.343"
x2="21.343"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="y"
x1="9"
x2="9"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="z"
x1="6"
x2="6"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="A"
x1="12"
x2="12"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="B"
x1="20.158"
x2="20.158"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M24.04 41.793a24.246 24.246 0 0 1 6.52 2.989c2.162 1.403 4.204 2.729 7.042 2.985l11.286 1.021a3.11 3.11 0 0 1 2.828 2.868 1 1 0 0 0 1.994-.152 5.104 5.104 0 0 0-4.643-4.708l-11.286-1.021c-2.344-.211-4.1-1.351-6.21-2.72a26.035 26.035 0 0 0-6.978-3.183c-.534-.156-1.084.153-1.237.684s.154 1.085.684 1.237z"
/>
<path
fill="url(#c)"
d="M44.402 41.11a3.013 3.013 0 0 1 4.148.682 1 1 0 0 0 1.398.217 1 1 0 0 0 .218-1.397c-1.599-2.186-4.699-2.695-6.914-1.137a1 1 0 1 0 1.15 1.635z"
/>
<path
fill="url(#d)"
d="M54.688 43.265c.605-.533 1.287-.289 1.481-.2.195.088.83.438.83 1.243a1 1 0 1 0 2 0c0-1.332-.769-2.506-2.006-3.065s-2.627-.359-3.626.521a1.001 1.001 0 0 0-.091 1.412c.368.413.999.452 1.412.089z"
/>
<path
fill="url(#e)"
d="M32 34.486a.996.996 0 0 0 .744-.332c1.591-1.771 3.713-3.307 5.959-4.932 4.694-3.396 9.549-6.909 10.059-13.053.027-.334.04-.671.04-1.007a1 1 0 1 0-2 0c0 .281-.011.562-.034.842-.433 5.228-4.709 8.322-9.236 11.598-2.233 1.615-4.542 3.286-6.275 5.216A1 1 0 0 0 32 34.486z"
/>
<path
fill="url(#f)"
d="M16.198 16.162c.001 0 .001 0 0 0a1 1 0 0 0 1-1.001c-.005-3.926 2.77-8.141 6.906-8.161a1 1 0 0 0 .996-1.004c-.003-.552-.475-.973-1.005-.996-5.503.025-8.902 5.295-8.896 10.163 0 .552.447.999.999.999z"
/>
<path
fill="url(#g)"
d="M32 10.665a.995.995 0 0 0 .738-.325A10.367 10.367 0 0 1 39.94 7c.552-.021.981-.486.96-1.038s-.483-.987-1.038-.96a12.376 12.376 0 0 0-8.6 3.989A1 1 0 0 0 32 10.665z"
/>
<path
fill="url(#h)"
d="M44.645 39.717a.999.999 0 0 0-1.393-.242l-8.516 5.994a1 1 0 1 0 1.15 1.636l8.516-5.994a1 1 0 0 0 .243-1.394z"
/>
<path
fill="url(#i)"
d="m41.817 45.376-1.263.888a1 1 0 1 0 1.15 1.636l1.262-.887c2.305-1.619 4.688-3.292 6.989-5.009a1 1 0 1 0-1.195-1.603c-2.279 1.7-4.65 3.365-6.943 4.975z"
/>
<path
fill="url(#j)"
d="M26.258 57.842a12.005 12.005 0 0 0 8.341.724 1 1 0 1 0-.533-1.927c-2.313.64-4.781.425-6.951-.604a.999.999 0 1 0-.857 1.807z"
/>
<path
fill="url(#k)"
d="M51.015 49.909a.998.998 0 0 0 1.392.242 57.83 57.83 0 0 0 6.277-5.114 1 1 0 0 0-1.369-1.458 55.97 55.97 0 0 1-6.059 4.937.999.999 0 0 0-.241 1.393z"
/>
<path
fill="url(#l)"
d="M46.471 48.215a.998.998 0 0 0 1.392.242c2.279-1.604 4.636-3.263 6.826-5.193a1.001 1.001 0 0 0-1.322-1.501c-2.108 1.858-4.42 3.485-6.654 5.058a1 1 0 0 0-.242 1.394z"
/>
<path
fill="url(#m)"
d="M52.646 50.583c-1.75.118-3.495.402-5.184.677-1.019.166-2.036.332-3.055.461-2.084.266-4.229.228-7.166-.129a1 1 0 0 0-.242 1.985c1.309.159 2.885.314 4.591.314.989 0 2.022-.052 3.07-.186a90.957 90.957 0 0 0 3.124-.472c1.642-.268 3.34-.544 4.996-.656.551-.037.968-.514.931-1.064s-.488-.971-1.065-.93z"
/>
<path
fill="url(#n)"
d="M31.406 45.144a1 1 0 0 0 .575-.182l6.022-4.239a1 1 0 1 0-1.151-1.636l-6.023 4.239a1 1 0 0 0 .577 1.818z"
/>
<path
fill="url(#o)"
d="M10.5 40.994a.5.5 0 0 1 .5.5 1 1 0 0 0 2 0c0-1.378-1.121-2.5-2.5-2.5a1 1 0 0 0 0 2z"
/>
<path
fill="url(#p)"
d="M6 42.494a1 1 0 0 0 1-1 .5.5 0 0 1 .5-.5 1 1 0 1 0 0-2 2.503 2.503 0 0 0-2.5 2.5 1 1 0 0 0 1 1zM7.5 53.416a1 1 0 1 0 0-2 .5.5 0 0 1-.5-.5 1 1 0 1 0-2 0c0 1.378 1.122 2.5 2.5 2.5z"
/>
<path
fill="url(#o)"
d="M10.5 53.416c1.379 0 2.5-1.122 2.5-2.5a1 1 0 1 0-2 0 .5.5 0 0 1-.5.5 1 1 0 0 0 0 2z"
/>
<path
fill="url(#q)"
d="M16 48.868a1 1 0 0 0 1-1V41.16a1 1 0 1 0-2 0v6.708a1 1 0 0 0 1 1z"
/>
<path
fill="url(#r)"
d="M39.896 7c4.259.02 6.9 4.252 6.905 8.163a1 1 0 0 0 1 .999h.001a1 1 0 0 0 .999-1.001C48.795 10.294 45.393 5.025 39.906 5h-.005a1 1 0 0 0-.005 2z"
/>
<path
fill="url(#s)"
d="M25.31 29.235c2.241 1.623 4.358 3.155 5.947 4.92a.998.998 0 0 0 1.412.074.999.999 0 0 0 .074-1.412c-1.73-1.923-4.033-3.59-6.261-5.202-4.534-3.282-8.817-6.381-9.25-11.611-.022-.279-.034-.56-.034-.84a1 1 0 0 0-.998-1.001h-.002a1 1 0 0 0-1 .999c0 .336.014.673.041 1.008.509 6.144 5.369 9.663 10.071 13.065z"
/>
<path
fill="url(#t)"
d="M24.061 7a10.37 10.37 0 0 1 7.202 3.34.995.995 0 0 0 1.412.063.999.999 0 0 0 .063-1.413 12.378 12.378 0 0 0-8.601-3.989.985.985 0 0 0-1.037.96A1 1 0 0 0 24.061 7z"
/>
<path
fill="url(#u)"
d="M38.004 40.722a4.116 4.116 0 0 1 5.153.313.996.996 0 0 0 1.412-.072 1 1 0 0 0-.072-1.413 6.106 6.106 0 0 0-7.644-.464.998.998 0 0 0-.242 1.393.998.998 0 0 0 1.393.243z"
/>
<path
fill="url(#v)"
d="M48.574 41.822a.997.997 0 0 0 1.404.164 1.97 1.97 0 0 1 1.77-.337 1.973 1.973 0 0 1 1.343 1.212 1 1 0 0 0 1.286.589 1 1 0 0 0 .59-1.286 4.002 4.002 0 0 0-2.678-2.442c-1.257-.351-2.548-.1-3.55.694a1 1 0 0 0-.165 1.406z"
/>
<path
fill="url(#w)"
d="M34.332 58.604a.99.99 0 0 0 .268-.037 57.632 57.632 0 0 0 12.74-5.23l.135-.075a1 1 0 0 0-.968-1.749l-.138.076a55.645 55.645 0 0 1-12.302 5.05 1 1 0 0 0-.697 1.23.998.998 0 0 0 .962.735z"
/>
<path
fill="url(#x)"
d="m15.571 52.771 10.687 5.071a1 1 0 0 0 .857-1.806l-10.687-5.071a1 1 0 0 0-.857 1.806z"
/>
<path fill="url(#y)" d="M7.5 40.994h3a1 1 0 1 0 0-2h-3a1 1 0 0 0 0 2z" />
<path
fill="url(#z)"
d="M6 51.916a1 1 0 0 0 1-1v-9.422a1 1 0 1 0-2 0v9.422a1 1 0 0 0 1 1z"
/>
<path fill="url(#y)" d="M10.5 51.416h-3a1 1 0 0 0 0 2h3a1 1 0 1 0 0-2z" />
<path
fill="url(#A)"
d="M11 41.494v9.422a1 1 0 0 0 2 0v-9.422a1 1 0 1 0-2 0z"
/>
<path
fill="url(#B)"
d="M15.997 42.16a1 1 0 0 0 .179-.016l3.292-.592a10.072 10.072 0 0 1 4.569.241 1 1 0 0 0 .559-1.92 12.062 12.062 0 0 0-5.483-.29l-3.292.592a1.001 1.001 0 0 0 .176 1.985z"
/>
</svg>
More icons in the same style and category