Add icons to this collection by clicking the heart icon.
Heart icon - also known as heart, love, symbol, romance, romantic, valentines day, and love and romance. 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="44.221"
x2="44.221"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="22.274"
x2="22.274"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="39.832"
x2="39.832"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="13.69"
x2="13.69"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="7.278"
x2="7.278"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="12.408"
x2="12.408"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="52.594"
x2="52.594"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="39.077"
x2="39.077"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="49.891"
x2="49.891"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="34.076"
x2="34.076"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="48.611"
x2="48.611"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="26.664"
x2="26.664"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="31.053"
x2="31.053"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="19.019"
x2="19.019"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="14.975"
x2="14.975"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="8.564"
x2="8.564"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="9.846"
x2="9.846"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="55.297"
x2="55.297"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="41.781"
x2="41.781"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="44.484"
x2="44.484"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="57.03"
x2="57.03"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M41.584 30.043c-2.371 1.745-4.823 3.549-6.883 5.825a1 1 0 0 0 1.482 1.342c1.925-2.127 4.188-3.792 6.586-5.556.998-.734 2.03-1.494 3.024-2.283 3.015-2.391 6.073-5.041 7.448-8.807a12.72 12.72 0 0 0 .758-4.384 1 1 0 0 0-1-1h-.001a1 1 0 0 0-.999 1 10.715 10.715 0 0 1-.637 3.698c-1.197 3.279-3.905 5.621-6.812 7.926-.965.766-1.983 1.515-2.966 2.239z"
/>
<path
fill="url(#c)"
d="M17.881 17.18h.004a1 1 0 0 0 1-.996c.017-4.412 2.996-9.178 7.78-9.184a1 1 0 1 0-.001-2h-.001c-6.014.007-9.758 5.807-9.778 11.176a1 1 0 0 0 .996 1.004z"
/>
<path
fill="url(#d)"
d="M35.442 11.072a.998.998 0 0 0 .702-.288c1.749-1.721 4.569-3.776 8.08-3.784a1 1 0 0 0-.002-2h-.002c-4.187.01-7.465 2.376-9.479 4.359a1.002 1.002 0 0 0 .701 1.713z"
/>
<path
fill="url(#e)"
d="M12.516 55.544c-.752.547-1.528 1.113-2.134 1.788a1 1 0 0 0 1.49 1.335c.464-.518 1.123-.998 1.82-1.507 1.668-1.215 3.558-2.591 3.561-5.104a1 1 0 0 0-.999-1.001h-.001a1 1 0 0 0-1 .999c-.001 1.396-1.035 2.25-2.737 3.49z"
/>
<path
fill="url(#f)"
d="m5.999 53.056.069-.002c.551-.038.967-.515.93-1.066a1.796 1.796 0 0 1 1.645-1.907 1 1 0 0 0-.158-1.994 3.804 3.804 0 0 0-3.482 4.038.999.999 0 0 0 .996.931z"
/>
<path
fill="url(#g)"
d="M11.127 51.272a.995.995 0 0 0 .738-.325 2.683 2.683 0 0 1 1.863-.865 1 1 0 1 0-.078-1.998 4.7 4.7 0 0 0-3.262 1.513 1.001 1.001 0 0 0 .739 1.675z"
/>
<path
fill="url(#h)"
d="M46.444 57.331a1 1 0 0 0 1.487 1.338c1.06-1.177 2.494-2.224 4.013-3.332 3.31-2.415 7.062-5.153 7.057-9.877a1 1 0 0 0-1-.999H58a1 1 0 0 0-.999 1.001c.004 3.707-3.027 5.918-6.235 8.26-1.536 1.119-3.122 2.277-4.322 3.609z"
/>
<path
fill="url(#i)"
d="M41.78 38.192h-.002c-1.827.004-3.502.848-4.716 2.377-1.077 1.356-1.692 3.14-1.688 4.894a1 1 0 0 0 1 .998h.002a1 1 0 0 0 .998-1.002 5.941 5.941 0 0 1 1.254-3.646c.586-.738 1.609-1.618 3.154-1.621a1 1 0 0 0-.002-2z"
/>
<path
fill="url(#j)"
d="M47.188 42.7a.995.995 0 0 0 .738-.325 6.771 6.771 0 0 1 4.706-2.184c.553-.021.982-.486.961-1.038s-.52-.997-1.037-.96a8.782 8.782 0 0 0-6.106 2.832 1.001 1.001 0 0 0 .738 1.675z"
/>
<path
fill="url(#k)"
d="M32 59c.271 0 .543-.11.74-.328a40.118 40.118 0 0 1 4.051-3.878 1 1 0 0 0-1.279-1.538 42.067 42.067 0 0 0-4.252 4.073A1 1 0 0 0 32 59z"
/>
<path
fill="url(#l)"
d="M44.221 7c4.651.005 7.777 4.751 7.779 9.18a1 1 0 0 0 2 0C53.998 10.809 50.259 5.007 44.223 5h-.001a1 1 0 0 0-.001 2z"
/>
<path
fill="url(#m)"
d="M25.092 29.371c.994.789 2.027 1.548 3.027 2.283 2.398 1.762 4.663 3.426 6.58 5.555a.998.998 0 0 0 1.412.074 1 1 0 0 0 .074-1.413c-2.054-2.28-4.509-4.083-6.882-5.828-.985-.724-2.004-1.472-2.97-2.238-2.908-2.307-5.617-4.649-6.812-7.926-.416-1.141-.63-2.387-.638-3.705-.004-.552-.462-1.03-1.006-.994a1 1 0 0 0-.994 1.006c.009 1.547.264 3.021.759 4.377 1.375 3.768 4.308 6.316 7.45 8.809z"
/>
<path
fill="url(#n)"
d="M26.662 7c2.755.006 5.623 1.35 8.076 3.782a.997.997 0 0 0 1.414-.006.999.999 0 0 0-.006-1.414C33.318 6.557 29.951 5.008 26.666 5h-.002a1 1 0 0 0-.002 2z"
/>
<path
fill="url(#o)"
d="M20.834 49.927c.84.604 1.667 1.198 2.469 1.79 3.369 2.488 5.898 4.698 7.958 6.958a1.001 1.001 0 0 0 1.478-1.349c-2.15-2.358-4.771-4.652-8.249-7.219-.808-.596-1.643-1.196-2.49-1.805-5.757-4.136-12.282-8.823-14.321-15.7-1.849-6.233.191-14.592 6.805-17.789a1 1 0 1 0-.871-1.8c-7.571 3.66-9.938 13.123-7.852 20.157 2.234 7.534 9.054 12.434 15.073 16.757z"
/>
<path
fill="url(#p)"
d="M13.769 48.086a1 1 0 0 0-.158 1.994 1.796 1.796 0 0 1 1.645 1.907 1.001 1.001 0 0 0 1.996.136 3.806 3.806 0 0 0-3.483-4.037z"
/>
<path
fill="url(#q)"
d="M8.575 57.176c.692.505 1.347.982 1.811 1.495a1 1 0 1 0 1.482-1.342c-.602-.665-1.371-1.226-2.114-1.769C8.042 54.313 7.003 53.454 7 52.054a1 1 0 0 0-1-.998h-.002A1 1 0 0 0 5 52.058c.005 2.515 1.901 3.898 3.575 5.118z"
/>
<path
fill="url(#r)"
d="M8.603 48.084c-.551-.028-1.017.408-1.038.96s.408 1.017.96 1.038a2.681 2.681 0 0 1 1.864.865.997.997 0 0 0 1.413.063 1 1 0 0 0 .063-1.413 4.697 4.697 0 0 0-3.262-1.513z"
/>
<path
fill="url(#s)"
d="M52.596 38.192h-.002a1 1 0 0 0-.002 2c1.545.003 2.568.883 3.154 1.621A5.939 5.939 0 0 1 57 45.459a1 1 0 0 0 .998 1.002H58a1 1 0 0 0 1-.998c.004-1.754-.611-3.538-1.688-4.894-1.214-1.529-2.889-2.373-4.716-2.377z"
/>
<path
fill="url(#t)"
d="M36.374 44.461a1 1 0 0 0-1 .999c-.005 4.729 3.76 7.478 7.081 9.903 1.509 1.102 2.935 2.143 3.992 3.309a.996.996 0 0 0 .741.328 1 1 0 0 0 .74-1.672c-1.194-1.317-2.77-2.467-4.293-3.58-3.222-2.353-6.265-4.575-6.261-8.286a1 1 0 0 0-1-1.001z"
/>
<path
fill="url(#u)"
d="M41.742 40.191a6.78 6.78 0 0 1 4.708 2.184.998.998 0 0 0 1.412.063 1 1 0 0 0 .063-1.413 8.79 8.79 0 0 0-6.106-2.832c-.504-.037-1.016.408-1.037.96a.998.998 0 0 0 .96 1.038z"
/>
<path
fill="url(#v)"
d="M55.591 36.795a1 1 0 0 0 1.35-.424c2.624-5.029 2.757-11.089.354-16.212a1 1 0 1 0-1.81.849c2.139 4.562 2.021 9.959-.317 14.438a1 1 0 0 0 .423 1.349z"
/>
</svg>
More icons in the same style and category