Add icons to this collection by clicking the heart icon.
Heart icon - also known as relationship, heart, voluntary, hand heart, love, protect, trust, friendship, brotherhood, 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="41.866"
x2="41.866"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="48.204"
x2="48.204"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="47.431"
x2="47.431"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="36.655"
x2="36.655"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="37.427"
x2="37.427"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="52.596"
x2="52.596"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="56.444"
x2="56.444"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="47.447"
x2="47.447"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="47.419"
x2="47.419"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="16.553"
x2="16.553"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="7.556"
x2="7.556"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="11.404"
x2="11.404"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="26.573"
x2="26.573"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="27.344"
x2="27.344"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="16.568"
x2="16.568"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="15.796"
x2="15.796"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="22.133"
x2="22.133"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="16.581"
x2="16.581"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="42.936"
x2="42.936"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="48.551"
x2="48.551"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="41.922"
x2="41.922"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="36.307"
x2="36.307"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="x"
x1="54.294"
x2="54.294"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="y"
x1="48.359"
x2="48.359"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="z"
x1="50.796"
x2="50.796"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="A"
x1="56.999"
x2="56.999"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="B"
x1="7.001"
x2="7.001"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="C"
x1="13.203"
x2="13.203"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="D"
x1="15.641"
x2="15.641"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="E"
x1="9.707"
x2="9.707"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="F"
x1="27.692"
x2="27.692"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="G"
x1="22.078"
x2="22.078"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="H"
x1="15.449"
x2="15.449"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="I"
x1="21.063"
x2="21.063"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="J"
x1="32.004"
x2="32.004"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="K"
x1="24.833"
x2="24.833"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="L"
x1="39.168"
x2="39.168"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="m38.467 47.458 6.46 1.108a1 1 0 0 0 .338-1.972l-6.46-1.108a1 1 0 0 0-.338 1.972z"
/>
<path
fill="url(#c)"
d="M47.748 51.079a1 1 0 0 0-.337 1.971.496.496 0 0 1 .407.578 1 1 0 0 0 1.972.338 2.485 2.485 0 0 0-.423-1.866 2.48 2.48 0 0 0-1.619-1.021z"
/>
<path
fill="url(#d)"
d="M48.466 55.768a1 1 0 0 0-1.154.817.495.495 0 0 1-.204.323.505.505 0 0 1-.374.084 1 1 0 0 0-.338 1.972 2.478 2.478 0 0 0 1.866-.423 2.488 2.488 0 0 0 1.021-1.619 1 1 0 0 0-.817-1.154z"
/>
<path
fill="url(#e)"
d="M37.11 57.371a1 1 0 0 0 .338-1.97.501.501 0 0 1-.408-.578 1 1 0 0 0-1.971-.337 2.5 2.5 0 0 0 2.041 2.885z"
/>
<path
fill="url(#f)"
d="M36.392 52.683a1.001 1.001 0 0 0 1.155-.817.497.497 0 0 1 .577-.409.998.998 0 0 0 1.154-.816.999.999 0 0 0-.816-1.154c-.657-.115-1.321.037-1.866.422s-.907.961-1.021 1.619a1.001 1.001 0 0 0 .817 1.155z"
/>
<path
fill="url(#g)"
d="m55.18 38.458-6.804 9.675a1 1 0 1 0 1.636 1.15l6.804-9.675a1 1 0 1 0-1.636-1.15z"
/>
<path
fill="url(#h)"
d="M55.887 17.919a1 1 0 0 0-1.887.665l.052.146a55.656 55.656 0 0 1 2.898 12.978 1 1 0 1 0 1.991-.2 57.648 57.648 0 0 0-3.002-13.444z"
/>
<path
fill="url(#i)"
d="M46.403 10.646a1 1 0 0 0 .85-1.525c-.423-.686-.067-1.314.052-1.491.12-.177.573-.748 1.367-.609a1 1 0 0 0 .338-1.972c-1.313-.225-2.602.335-3.363 1.462-.759 1.124-.796 2.526-.097 3.66.19.306.517.475.853.475z"
/>
<path
fill="url(#j)"
d="M39.288 39.546a1.001 1.001 0 0 0 1.336-.465 24.113 24.113 0 0 1 4.021-5.892c1.759-1.897 3.419-3.689 4.159-6.464l2.914-10.951a3.112 3.112 0 0 1 3.306-2.303 1 1 0 1 0 .187-1.991 5.103 5.103 0 0 0-5.425 3.779L46.871 26.21c-.611 2.295-2.039 3.835-3.693 5.62a26.038 26.038 0 0 0-4.355 6.381 1 1 0 0 0 .465 1.335z"
/>
<path
fill="url(#k)"
d="M15.327 7.02c.797-.138 1.246.429 1.365.605.32.473.34 1.032.055 1.495a1 1 0 1 0 1.702 1.05c.699-1.134.661-2.538-.099-3.664-.759-1.124-2.046-1.682-3.36-1.458a1 1 0 0 0 .337 1.972z"
/>
<path
fill="url(#l)"
d="M5.955 32.604a1 1 0 0 0 1.095-.895A55.62 55.62 0 0 1 9.948 18.73l.052-.146a1.001 1.001 0 0 0-1.887-.665l-.051.145A57.611 57.611 0 0 0 5.06 31.509a1 1 0 0 0 .895 1.095z"
/>
<path
fill="url(#m)"
d="M15.381 49.526a1 1 0 0 0 .243-1.393L8.82 38.458a1 1 0 1 0-1.636 1.15l6.804 9.675a.999.999 0 0 0 1.393.243z"
/>
<path
fill="url(#n)"
d="M25.538 49.487a.999.999 0 0 0-.816 1.154.996.996 0 0 0 1.154.816.5.5 0 0 1 .578.408 1 1 0 0 0 1.971-.336 2.484 2.484 0 0 0-1.021-1.62 2.479 2.479 0 0 0-1.866-.422z"
/>
<path
fill="url(#o)"
d="M26.96 54.823a.502.502 0 0 1-.409.578.999.999 0 1 0 .338 1.97c.658-.113 1.233-.475 1.619-1.02s.536-1.208.423-1.866a.996.996 0 0 0-1.154-.816 1 1 0 0 0-.817 1.154z"
/>
<path
fill="url(#p)"
d="M17.265 56.993a.501.501 0 0 1-.578-.409.994.994 0 0 0-1.154-.816.999.999 0 0 0-.816 1.154 2.487 2.487 0 0 0 1.02 1.619 2.482 2.482 0 0 0 1.866.423.999.999 0 0 0 .816-1.154.999.999 0 0 0-1.154-.817z"
/>
<path
fill="url(#q)"
d="M15.363 54.783a1 1 0 0 0 .817-1.154.5.5 0 0 1 .408-.578 1 1 0 0 0-.337-1.971 2.502 2.502 0 0 0-2.042 2.886 1 1 0 0 0 1.154.817z"
/>
<path
fill="url(#r)"
d="M18.734 46.595a1.001 1.001 0 0 0 .338 1.972l6.46-1.108a1.001 1.001 0 0 0-.338-1.972z"
/>
<path
fill="url(#s)"
d="M8.977 13.471a3.105 3.105 0 0 1 3.305 2.303l2.915 10.951c.738 2.775 2.399 4.567 4.158 6.465a24.057 24.057 0 0 1 4.021 5.892 1 1 0 0 0 1.801-.87 26.065 26.065 0 0 0-4.355-6.381c-1.654-1.785-3.083-3.325-3.692-5.62L14.215 15.26a5.115 5.115 0 0 0-5.424-3.779 1 1 0 0 0 .186 1.99z"
/>
<path
fill="url(#t)"
d="m38.124 51.458 9.287 1.593a1.001 1.001 0 0 0 .338-1.972l-9.287-1.593a1.001 1.001 0 0 0-.338 1.972z"
/>
<path
fill="url(#u)"
d="M48.974 52.812a.996.996 0 0 0-1.155.816l-.507 2.957a.999.999 0 1 0 1.971.338l.507-2.957a.999.999 0 0 0-.816-1.154z"
/>
<path
fill="url(#v)"
d="M46.734 56.993 37.448 55.4a1 1 0 1 0-.338 1.972l9.287 1.593a1.001 1.001 0 0 0 .337-1.972z"
/>
<path
fill="url(#w)"
d="m37.04 54.823.507-2.957a.999.999 0 0 0-.816-1.154.995.995 0 0 0-1.155.816l-.507 2.957a.999.999 0 1 0 1.971.338z"
/>
<path
fill="url(#x)"
d="M53.183 28.971a1.002 1.002 0 0 0 1.246-.671c.597-1.993 1.297-4.649 1.421-7.53a91.74 91.74 0 0 0 .063-3.151c.014-1.666.028-3.388.199-5.041a1 1 0 1 0-1.99-.206c-.181 1.748-.195 3.518-.209 5.23a87.768 87.768 0 0 1-.061 3.082c-.091 2.104-.491 4.209-1.339 7.042a.999.999 0 0 0 .67 1.245z"
/>
<path
fill="url(#y)"
d="M49.412 17.585a1 1 0 1 0 1.807-.859c-1.196-2.516-2.432-5.118-3.965-7.605a1 1 0 0 0-1.703 1.048c1.476 2.396 2.688 4.948 3.861 7.416z"
/>
<path
fill="url(#z)"
d="M51.849 13.393a1 1 0 1 0 1.807-.859 57.828 57.828 0 0 0-3.98-7.052 1.001 1.001 0 0 0-1.669 1.103 55.947 55.947 0 0 1 3.842 6.808z"
/>
<path
fill="url(#A)"
d="M55.18 38.458a1 1 0 1 0 1.636 1.15 12 12 0 0 0 2.125-8.099 1 1 0 1 0-1.991.199 10.006 10.006 0 0 1-1.77 6.75z"
/>
<path
fill="url(#B)"
d="M8.003 40.033a1 1 0 0 0 .817-1.575 10.003 10.003 0 0 1-1.77-6.75 1 1 0 0 0-.896-1.095 1.007 1.007 0 0 0-1.095.896 11.998 11.998 0 0 0 2.125 8.099.999.999 0 0 0 .819.425z"
/>
<path
fill="url(#C)"
d="M10.818 13.867a1 1 0 0 0 1.333-.474 55.94 55.94 0 0 1 3.841-6.808.999.999 0 1 0-1.668-1.102 57.828 57.828 0 0 0-3.98 7.052 1 1 0 0 0 .474 1.332z"
/>
<path
fill="url(#D)"
d="M13.256 18.059a1 1 0 0 0 1.333-.474c1.171-2.466 2.382-5.016 3.86-7.415a1 1 0 1 0-1.703-1.048c-1.535 2.491-2.77 5.091-3.964 7.605a1 1 0 0 0 .474 1.332z"
/>
<path
fill="url(#E)"
d="M8.15 20.771c.124 2.88.825 5.537 1.421 7.53a1 1 0 0 0 1.917-.574c-.848-2.832-1.249-4.938-1.339-7.042-.044-1.029-.053-2.063-.063-3.097-.015-1.707-.031-3.471-.207-5.213a1 1 0 0 0-1.99.2c.167 1.651.182 3.369.197 5.031.009 1.057.018 2.113.064 3.165z"
/>
<path
fill="url(#F)"
d="M27.27 50.712a.999.999 0 0 0-.816 1.154l.507 2.957a1 1 0 0 0 1.971-.338l-.507-2.957a.997.997 0 0 0-1.155-.816z"
/>
<path
fill="url(#G)"
d="m26.552 55.4-9.287 1.593a1.001 1.001 0 0 0 .338 1.972l9.287-1.593a1.001 1.001 0 0 0-.338-1.972z"
/>
<path
fill="url(#H)"
d="m16.688 56.584-.507-2.957a.997.997 0 0 0-1.155-.816.999.999 0 0 0-.816 1.154l.507 2.957a1 1 0 0 0 1.971-.338z"
/>
<path
fill="url(#I)"
d="M15.434 52.234a1 1 0 0 0 1.155.817l9.287-1.593a1.001 1.001 0 0 0-.338-1.972l-9.287 1.593c-.544.094-.91.61-.817 1.155z"
/>
<path
fill="url(#J)"
d="M20.083 26.188c1.72 2.1 3.888 3.678 5.985 5.205 1.9 1.383 3.695 2.69 5.188 4.354a1 1 0 0 0 1.488 0c1.32-1.47 3.104-2.776 4.993-4.159 4.191-3.067 8.941-6.544 8.59-12.56-.234-4.005-3.161-8.151-7.694-8.158A10.62 10.62 0 0 0 32 13.559a10.66 10.66 0 0 0-6.673-2.69c-3.255.005-6.247 2.458-7.275 5.966-.93 3.17-.171 6.666 2.031 9.353zm-.113-8.791c.639-2.178 2.588-4.524 5.319-4.529a8.6 8.6 0 0 1 5.973 2.771c.379.414 1.097.414 1.476 0 1.53-1.673 3.707-2.683 5.933-2.77 3.314.005 5.48 3.195 5.66 6.275.288 4.929-3.628 7.795-7.774 10.83-1.581 1.157-3.208 2.348-4.552 3.659-1.47-1.462-3.138-2.677-4.76-3.857-2.086-1.519-4.058-2.954-5.615-4.855-1.783-2.176-2.403-4.988-1.66-7.524z"
/>
<path
fill="url(#K)"
d="M25.356 47.473h.008a1 1 0 0 0 1-.992l.024-2.918a12.064 12.064 0 0 0-1.212-5.355 1 1 0 0 0-1.799.876 10.054 10.054 0 0 1 1.011 4.463l-.024 2.918a1 1 0 0 0 .992 1.008z"
/>
<path
fill="url(#L)"
d="M40.162 37.747a1 1 0 0 0-1.337.461 12.065 12.065 0 0 0-1.213 5.355l.025 2.918a1 1 0 0 0 1 .992h.008a1 1 0 0 0 .992-1.008l-.025-2.917a10.064 10.064 0 0 1 1.011-4.463 1 1 0 0 0-.461-1.338z"
/>
</svg>
More icons in the same style and category