Add icons to this collection by clicking the heart icon.
Heart icon - also known as shapes, heart, heartbeat, love, loving, 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="27.606"
x2="27.606"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="18.895"
x2="18.895"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="11.757"
x2="11.757"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="17.468"
x2="17.468"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="55.142"
x2="55.142"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="48.004"
x2="48.004"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="53.715"
x2="53.715"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="54.391"
x2="54.391"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="45.376"
x2="45.376"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="52.589"
x2="52.589"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="14.795"
x2="14.795"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="40.475"
x2="40.475"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="45.163"
x2="45.163"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="31.996"
x2="31.996"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="18.828"
x2="18.828"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="36.385"
x2="36.385"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="15.176"
x2="15.176"
y1="60.001"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="48.815"
x2="48.815"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="20.325"
x2="20.325"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="13.188"
x2="13.188"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="14.614"
x2="14.614"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="56.573"
x2="56.573"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="x"
x1="49.435"
x2="49.435"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="y"
x1="50.862"
x2="50.862"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="z"
x1="56.198"
x2="56.198"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="A"
x1="47.182"
x2="47.182"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="B"
x1="48.984"
x2="48.984"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="C"
x1="24.772"
x2="24.772"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M23.214 17.731c3.51.008 6.331 2.063 8.08 3.784a.997.997 0 0 0 1.414-.01.999.999 0 0 0-.011-1.414c-2.014-1.983-5.293-4.35-9.478-4.359h-.002a1 1 0 0 0-.003 1.999z"
/>
<path
fill="url(#c)"
d="M17.644 50.104c-.828.604-1.684 1.228-2.346 1.964a1 1 0 1 0 1.486 1.338c.523-.581 1.259-1.118 2.038-1.686 1.842-1.344 3.929-2.867 3.926-5.602a1 1 0 0 0-1-.999h-.001a1 1 0 0 0-.999 1.001c.002 1.717-1.507 2.818-3.104 3.984z"
/>
<path
fill="url(#d)"
d="m10.333 47.119.069-.002a1 1 0 0 0 .929-1.066 2.115 2.115 0 0 1 1.935-2.244 1 1 0 0 0-.158-1.994 4.121 4.121 0 0 0-3.772 4.375c.037.527.476.931.997.931z"
/>
<path
fill="url(#e)"
d="M15.366 44.871a.995.995 0 0 0 .675.262.995.995 0 0 0 .738-.325 3.1 3.1 0 0 1 2.155-1 .999.999 0 0 0 .96-1.038.99.99 0 0 0-1.038-.96 5.115 5.115 0 0 0-3.552 1.647 1 1 0 0 0 .062 1.414z"
/>
<path
fill="url(#f)"
d="M53.909 13.274c-.835.609-1.699 1.239-2.367 1.988a1 1 0 0 0 .746 1.666 1 1 0 0 0 .747-.334c.526-.59 1.268-1.13 2.053-1.703 1.83-1.334 3.904-2.847 3.908-5.579a1 1 0 0 0-.999-1.001h-.001a1 1 0 0 0-1 .999c-.003 1.715-1.501 2.807-3.087 3.964z"
/>
<path
fill="url(#g)"
d="m46.581 10.31.069-.002a1 1 0 0 0 .929-1.066 2.115 2.115 0 0 1 1.935-2.244 1 1 0 0 0-.158-1.994 4.121 4.121 0 0 0-3.772 4.375 1 1 0 0 0 .997.931z"
/>
<path
fill="url(#h)"
d="M52.288 8.324a.997.997 0 0 0 .739-.325 3.096 3.096 0 0 1 2.154-1 .999.999 0 0 0 .96-1.038c-.021-.551-.464-.995-1.038-.96a5.109 5.109 0 0 0-3.553 1.648 1 1 0 0 0 .738 1.675z"
/>
<path
fill="url(#i)"
d="M57.996 48.641a1 1 0 0 0-1 1c-.001 2.302-1.953 3.727-4.02 5.235-1.038.757-2.111 1.541-2.933 2.457a1 1 0 1 0 1.488 1.335c.682-.76 1.625-1.448 2.624-2.177 2.268-1.655 4.839-3.532 4.841-6.85 0-.552-.448-.999-1-1z"
/>
<path
fill="url(#j)"
d="M47.103 44.464c-2.677.213-4.706 2.566-4.523 5.245a1 1 0 0 0 .997.932l.069-.002a1 1 0 0 0 .93-1.065 2.936 2.936 0 0 1 2.686-3.115 1 1 0 0 0-.159-1.995z"
/>
<path
fill="url(#k)"
d="M50.786 48.133a.995.995 0 0 0 .738-.325 4.19 4.19 0 0 1 2.906-1.348.999.999 0 0 0 .96-1.038c-.021-.552-.487-1.001-1.038-.96a6.193 6.193 0 0 0-4.303 1.996 1 1 0 0 0 .737 1.675z"
/>
<path
fill="url(#l)"
d="M15.153 32.001a1 1 0 0 0 .939-1.345 10.632 10.632 0 0 1-.654-3.739 1.001 1.001 0 0 0-.994-1.006c-.593-.007-1.002.442-1.006.994a12.6 12.6 0 0 0 .777 4.44 1 1 0 0 0 .938.656z"
/>
<path
fill="url(#m)"
d="M49.901 30.992a1 1 0 1 0-1.893-.643c-1.174 3.459-4.081 6.032-7.047 8.296-.742.566-1.493 1.121-2.244 1.675-2.561 1.89-5.209 3.845-7.455 6.27a1 1 0 1 0 1.468 1.358c2.117-2.287 4.688-4.184 7.174-6.019.76-.561 1.52-1.122 2.271-1.695 3.217-2.456 6.381-5.276 7.726-9.242z"
/>
<path
fill="url(#n)"
d="M40.773 17.731c4.683.004 7.683 4.655 7.777 8.961a1 1 0 0 0 1 .978h.022a1 1 0 0 0 .978-1.022c-.116-5.246-3.886-10.912-9.776-10.917a1 1 0 0 0-.001 2z"
/>
<path
fill="url(#o)"
d="M29.461 24.559a1.001 1.001 0 0 0-.875.317l-4.969 5.451a1 1 0 0 0 1.478 1.348l3.991-4.379 4.685 9.277a.999.999 0 0 0 1.631.223l4.969-5.451a1 1 0 0 0-1.478-1.348l-3.991 4.379-4.685-9.277a.992.992 0 0 0-.756-.54z"
/>
<path
fill="url(#p)"
d="M14.438 27.911a1 1 0 0 0 1-1c.002-4.429 3.128-9.175 7.78-9.18a1 1 0 1 0-.001-2h-.001c-6.037.007-9.776 5.809-9.778 11.179a1 1 0 0 0 1 1.001z"
/>
<path
fill="url(#q)"
d="M31.996 21.803a.996.996 0 0 0 .703-.289c1.742-1.722 4.557-3.775 8.078-3.783a1 1 0 0 0-.002-2h-.002c-4.197.01-7.472 2.376-9.479 4.36a1.001 1.001 0 0 0 .702 1.712z"
/>
<path
fill="url(#r)"
d="M5.996 32h18.361a1 1 0 0 0 0-2H5.996a1 1 0 0 0 0 2z"
/>
<path
fill="url(#s)"
d="M57.996 29.67H39.634a1 1 0 0 0 0 2h18.361a1 1 0 0 0 .001-2z"
/>
<path
fill="url(#t)"
d="M18.974 41.813a1 1 0 1 0-.158 1.994 2.113 2.113 0 0 1 1.935 2.244 1 1 0 1 0 1.995.136 4.12 4.12 0 0 0-3.772-4.374z"
/>
<path
fill="url(#u)"
d="M14.429 50.093c-1.591-1.161-3.095-2.257-3.095-3.975a1 1 0 0 0-2 0c.001 2.733 2.081 4.25 3.917 5.589.782.571 1.521 1.11 2.045 1.695a.997.997 0 0 0 1.413.078 1 1 0 0 0 .078-1.412c-.666-.741-1.526-1.369-2.358-1.975z"
/>
<path
fill="url(#v)"
d="M13.227 41.811a.998.998 0 0 0-1.038.96.999.999 0 0 0 .96 1.038 3.1 3.1 0 0 1 2.155 1 .995.995 0 0 0 1.412.063 1 1 0 0 0 .063-1.413 5.108 5.108 0 0 0-3.552-1.648z"
/>
<path
fill="url(#w)"
d="M55.063 6.998a2.113 2.113 0 0 1 1.935 2.244 1 1 0 1 0 1.995.136 4.121 4.121 0 0 0-3.772-4.375 1.001 1.001 0 0 0-.158 1.995z"
/>
<path
fill="url(#x)"
d="M49.5 14.901c.782.57 1.521 1.109 2.044 1.693a.999.999 0 1 0 1.489-1.334c-.664-.741-1.524-1.368-2.355-1.975-1.593-1.162-3.098-2.259-3.097-3.975a1 1 0 0 0-.999-1.001h-.001a1 1 0 0 0-1 .999c-.001 2.734 2.081 4.253 3.919 5.593z"
/>
<path
fill="url(#y)"
d="M49.396 7a3.1 3.1 0 0 1 2.154 1 .995.995 0 0 0 1.412.063 1 1 0 0 0 .063-1.413 5.109 5.109 0 0 0-3.553-1.648.99.99 0 0 0-1.038.96A1.003 1.003 0 0 0 49.396 7z"
/>
<path
fill="url(#z)"
d="M54.47 44.464a1 1 0 1 0-.158 1.994 2.935 2.935 0 0 1 2.686 3.115.998.998 0 0 0 .999 1.067c.521 0 .96-.404.997-.932.182-2.678-1.847-5.031-4.524-5.244z"
/>
<path
fill="url(#A)"
d="M48.597 54.875c-2.066-1.508-4.018-2.932-4.02-5.234a1 1 0 0 0-2 0c.002 3.318 2.572 5.194 4.84 6.849.999.729 1.942 1.417 2.625 2.178a.996.996 0 0 0 1.412.076 1 1 0 0 0 .076-1.412c-.821-.915-1.895-1.699-2.933-2.457z"
/>
<path
fill="url(#B)"
d="M47.221 44.462c-.536-.042-1.016.408-1.038.96s.408 1.017.96 1.038a4.186 4.186 0 0 1 2.906 1.348.995.995 0 0 0 1.412.063 1 1 0 0 0 .063-1.413 6.195 6.195 0 0 0-4.303-1.996z"
/>
<path
fill="url(#C)"
d="M18.303 34.345a1.001 1.001 0 0 0-1.511 1.311c2.231 2.571 4.958 4.579 7.596 6.521 2.388 1.758 4.857 3.577 6.871 5.769a.996.996 0 0 0 1.413.06 1 1 0 0 0 .06-1.413c-2.145-2.335-4.693-4.212-7.157-6.027-2.667-1.963-5.186-3.818-7.272-6.221z"
/>
</svg>
More icons in the same style and category