Add icons to this collection by clicking the heart icon.
Heart icon - also known as heart, hands, love, hands and gestures, and pride. Created in a clean color 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffeee6" />
<stop offset="1" stop-color="#ffb09e" />
</linearGradient>
<linearGradient
id="g"
x1="290.692"
x2="302.451"
y1="160.562"
y2="171.844"
gradientTransform="rotate(7.7 329.799 758.803)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffb09e" stop-opacity="0" />
<stop offset="1" stop-color="#ec806b" />
</linearGradient>
<linearGradient
id="h"
x1="323.332"
x2="309.963"
y1="203.871"
y2="178.651"
gradientTransform="rotate(7.7 329.799 758.803)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="243.436"
x2="274.886"
y1="151.367"
y2="181.146"
gradientTransform="rotate(7.7 329.799 758.803)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="294.832"
x2="268.092"
y1="198.388"
y2="176.207"
gradientTransform="rotate(7.7 329.799 758.803)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="241.751"
x2="285.507"
y1="151.897"
y2="192.614"
gradientTransform="rotate(7.7 329.799 758.803)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="271.864"
x2="253.936"
y1="180.164"
y2="164.059"
gradientTransform="rotate(7.7 329.799 758.803)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="239.565"
x2="491.005"
y1="132.408"
y2="441.267"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="359.916"
x2="255.996"
y1="202.681"
y2="191.742"
gradientTransform="rotate(7.7 329.799 758.803)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="375.019"
x2="336.125"
y1="342.319"
y2="374.528"
gradientTransform="rotate(7.7 329.799 758.803)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f1b0a2" />
<stop offset="1" stop-color="#ca6e59" />
</linearGradient>
<linearGradient
id="p"
x1="541.726"
x2="553.485"
y1="126.858"
y2="138.14"
gradientTransform="scale(-1 1) rotate(7.64 -52.523 -4954.37)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#ca6e59" stop-opacity="0" />
<stop offset="1" stop-color="#883f2e" />
</linearGradient>
<linearGradient
id="q"
x1="574.367"
x2="560.997"
y1="170.168"
y2="144.947"
gradientTransform="scale(-1 1) rotate(7.64 -52.523 -4954.37)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="494.471"
x2="525.92"
y1="117.664"
y2="147.442"
gradientTransform="scale(-1 1) rotate(7.64 -52.523 -4954.37)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="s"
x1="545.866"
x2="519.126"
y1="164.685"
y2="142.503"
gradientTransform="scale(-1 1) rotate(7.64 -52.523 -4954.37)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="492.785"
x2="536.541"
y1="118.193"
y2="158.91"
gradientTransform="scale(-1 1) rotate(7.64 -52.523 -4954.37)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="u"
x1="522.898"
x2="504.971"
y1="146.46"
y2="130.355"
gradientTransform="scale(-1 1) rotate(7.64 -52.523 -4954.37)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="89.158"
x2="173.158"
y1="137.737"
y2="402.403"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="w"
x1="610.95"
x2="507.03"
y1="168.977"
y2="158.038"
gradientTransform="scale(-1 1) rotate(7.64 -52.523 -4954.37)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="x"
x1="626.054"
x2="587.159"
y1="308.616"
y2="340.825"
gradientTransform="scale(-1 1) rotate(7.64 -52.523 -4954.37)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#f5f173" />
<stop offset="1" stop-color="#fbb03b" />
</linearGradient>
<linearGradient
id="y"
x1="1316.409"
x2="1367.087"
y1="2193.736"
y2="2193.736"
gradientTransform="rotate(22.48 6261.376 -1429.203)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="z"
x1="4206.797"
x2="4257.475"
y1="2297.784"
y2="2297.784"
gradientTransform="rotate(112.46 2889.608 -185.539)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7657e" />
<stop offset="1" stop-color="#ff1d25" />
</linearGradient>
<linearGradient id="f">
<stop offset="0" stop-color="#69d774" />
<stop offset="1" stop-color="#2e8e59" />
</linearGradient>
<linearGradient
id="A"
x1="2803.117"
x2="2853.797"
y1="2648.775"
y2="2648.775"
gradientTransform="rotate(67.41 3533.286 -420.322)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="B"
x1="4707.794"
x2="4758.474"
y1="766.566"
y2="766.566"
gradientTransform="scale(-1) rotate(-22.59 255.208 12659.163)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fca52c" />
<stop offset="1" stop-color="#f15a24" />
</linearGradient>
<linearGradient
id="C"
x1="1805.107"
x2="1855.785"
y1="3377.446"
y2="3377.446"
gradientTransform="scale(1 -1) rotate(22.46 10772 -2322.375)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#89e2ff" />
<stop offset="1" stop-color="#3fa9f5" />
</linearGradient>
<linearGradient
id="D"
x1="5403.152"
x2="5453.83"
y1="1803.865"
y2="1803.865"
gradientTransform="scale(-1 1) rotate(-67.54 1616.402 5217.201)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="E"
x1="3998.374"
x2="4049.054"
y1="3145.44"
y2="3145.44"
gradientTransform="scale(1 -1) rotate(67.41 4875.858 -1315.893)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bb9ae2" />
<stop offset="1" stop-color="#662d91" />
</linearGradient>
<linearGradient
id="F"
x1="5199.209"
x2="5249.889"
y1="-416.058"
y2="-416.058"
gradientTransform="scale(-1 1) rotate(-22.59 4739.34 13554.733)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<path
fill="url(#g)"
d="m358.866 175.754-2.921 6.233c-4.212 8.988-.34 19.688 8.649 23.9 8.988 4.212 19.689.339 23.9-8.649l2.921-6.233c3.116-6.649 8.634-11.686 15.538-14.185l11.007-3.983.957-7.127-48.789-6.55a63.549 63.549 0 0 0-11.262 16.594z"
/>
<path
fill="url(#h)"
d="m358.866 175.754-2.921 6.233c-4.212 8.988-.34 19.688 8.649 23.9 8.988 4.212 19.689.339 23.9-8.649l2.921-6.233c3.116-6.649 8.634-11.686 15.538-14.185l11.007-3.983.957-7.127-48.789-6.55a63.549 63.549 0 0 0-11.262 16.594z"
/>
<path
fill="url(#i)"
d="m317.205 174.982-3.923 8.373c-5.657 12.073-.456 26.447 11.617 32.104s26.447.456 32.104-11.617l3.923-8.373c4.185-8.931 11.597-15.698 20.872-19.054l14.785-5.35 1.285-9.573-65.537-8.799a85.353 85.353 0 0 0-15.126 22.289z"
/>
<path
fill="url(#j)"
d="m317.205 174.982-3.923 8.373c-5.657 12.073-.456 26.447 11.617 32.104s26.447.456 32.104-11.617l3.923-8.373c4.185-8.931 11.597-15.698 20.872-19.054l14.785-5.35 1.285-9.573-65.537-8.799a85.353 85.353 0 0 0-15.126 22.289z"
/>
<path
fill="url(#k)"
d="M445.202 197.843a24.065 24.065 0 0 1-13.646 12.458c-12.537 4.537-26.379-1.949-30.916-14.486l-2.725-7.53c-3.626-10.02-14.728-15.222-24.748-11.596l-27.703 10.025c-9.275 3.356-16.687 10.123-20.872 19.054l-3.923 8.373c-5.657 12.073-20.031 17.275-32.104 11.617-12.073-5.657-17.275-20.031-11.617-32.104l3.923-8.373c9.657-20.61 26.763-36.225 48.164-43.97l27.703-10.025c35.055-12.685 73.894 5.514 86.579 40.569l2.725 7.53a24.06 24.06 0 0 1-.84 18.458z"
/>
<path
fill="url(#l)"
d="M445.202 197.843a24.065 24.065 0 0 1-13.646 12.458c-12.537 4.537-26.379-1.949-30.916-14.486l-2.725-7.53c-3.626-10.02-14.728-15.222-24.748-11.596l-27.703 10.025c-9.275 3.356-16.687 10.123-20.872 19.054l-3.923 8.373c-5.657 12.073-20.031 17.275-32.104 11.617-12.073-5.657-17.275-20.031-11.617-32.104l3.923-8.373c9.657-20.61 26.763-36.225 48.164-43.97l27.703-10.025c35.055-12.685 73.894 5.514 86.579 40.569l2.725 7.53a24.06 24.06 0 0 1-.84 18.458z"
/>
<path
fill="url(#m)"
d="m488.286 228.188-22.002-27.565c-10.638-13.33-20.264-27.436-29.373-41.869-11.463-18.158-30.882-29.581-51.822-31.27-4.996-.407-9.943-1.172-14.88-2.046-10.43-1.848-21.406-1.182-32.045 2.314l-30.892 10.172c-21.019 6.914-38.183 22.499-47.103 42.753l-3.04 6.904c-5.573 12.665.179 27.465 12.844 33.038a24.947 24.947 0 0 0 10.092 2.136c9.635 0 18.823-5.592 22.956-14.979l3.04-6.894a28.055 28.055 0 0 1 16.886-15.337l30.902-10.172a15.557 15.557 0 0 1 18.108 6.566l22.012 35.273.08.13c3.891 6.344 2.933 14.543-2.021 20.097l-26.913 30.18a92.399 92.399 0 0 1-41.372 26.69 104.854 104.854 0 0 0-26.772 12.772l-7.568 5.036a128.277 128.277 0 0 0-26.756 23.802c-11.545 13.604-9.828 34.016 3.865 45.496 7.536 6.318 18.785 5.299 25.149-2.199l9.212-10.854a78.212 78.212 0 0 1 16.303-14.503 87.017 87.017 0 0 1 44.796-14.639l5.674-.236a47.618 47.618 0 0 1 34.965 13.221 92.011 92.011 0 0 0 23.81 16.539 92.398 92.398 0 0 0 27.773 8.324c2.016.268 4.023.407 6.01.407 22.002 0 41.154-16.281 44.163-38.7l4.748-35.382a99.313 99.313 0 0 0-20.829-75.205z"
/>
<path
fill="url(#n)"
d="M463.714 197.402c-9.675-12.118-18.334-24.989-26.502-38.17-11.424-18.433-31.002-30.043-52.12-31.748-1.528-.123-3.051-.29-4.573-.474-.872.16-1.74.257-2.604.279 14.778 4.506 27.905 14.204 36.578 28.104l94.623 148.003a99.359 99.359 0 0 0-20.827-75.212z"
/>
<path
fill="url(#o)"
d="M402.613 352.208a92.205 92.205 0 0 0 51.58 24.864c24.43 3.28 46.893-13.865 50.172-38.295l.288-2.145-52.912-7.104a91.858 91.858 0 0 0-26.639.321l-57.461 9.131a47.637 47.637 0 0 1 34.972 13.228z"
/>
<path
fill="url(#p)"
d="m151.134 175.754 2.921 6.233c4.212 8.988.339 19.688-8.649 23.9s-19.688.339-23.9-8.649l-2.921-6.233c-3.115-6.649-8.634-11.686-15.538-14.185l-11.007-3.983-.957-7.127 48.789-6.55a63.549 63.549 0 0 1 11.262 16.594z"
/>
<path
fill="url(#q)"
d="m151.134 175.754 2.921 6.233c4.212 8.988.339 19.688-8.649 23.9s-19.688.339-23.9-8.649l-2.921-6.233c-3.115-6.649-8.634-11.686-15.538-14.185l-11.007-3.983-.957-7.127 48.789-6.55a63.549 63.549 0 0 1 11.262 16.594z"
/>
<path
fill="url(#r)"
d="m192.795 174.982 3.923 8.373c5.657 12.073.456 26.447-11.617 32.104s-26.447.456-32.104-11.617l-3.923-8.373c-4.185-8.931-11.597-15.698-20.872-19.054l-14.785-5.35-1.285-9.573 65.537-8.799a85.353 85.353 0 0 1 15.126 22.289z"
/>
<path
fill="url(#s)"
d="m192.795 174.982 3.923 8.373c5.657 12.073.456 26.447-11.617 32.104s-26.447.456-32.104-11.617l-3.923-8.373c-4.185-8.931-11.597-15.698-20.872-19.054l-14.785-5.35-1.285-9.573 65.537-8.799a85.353 85.353 0 0 1 15.126 22.289z"
/>
<path
fill="url(#t)"
d="M64.798 197.843a24.065 24.065 0 0 0 13.646 12.458c12.537 4.537 26.379-1.949 30.916-14.486l2.725-7.53c3.626-10.02 14.728-15.222 24.748-11.596l27.703 10.025c9.275 3.356 16.687 10.123 20.872 19.054l3.923 8.373c5.657 12.073 20.031 17.275 32.104 11.617 12.073-5.657 17.275-20.031 11.617-32.104l-3.923-8.373c-9.657-20.61-26.762-36.225-48.164-43.97l-27.703-10.025c-35.055-12.685-73.894 5.514-86.579 40.569l-2.725 7.53a24.06 24.06 0 0 0 .84 18.458z"
/>
<path
fill="url(#u)"
d="M64.798 197.843a24.065 24.065 0 0 0 13.646 12.458c12.537 4.537 26.379-1.949 30.916-14.486l2.725-7.53c3.626-10.02 14.728-15.222 24.748-11.596l27.703 10.025c9.275 3.356 16.687 10.123 20.872 19.054l3.923 8.373c5.657 12.073 20.031 17.275 32.104 11.617 12.073-5.657 17.275-20.031 11.617-32.104l-3.923-8.373c-9.657-20.61-26.762-36.225-48.164-43.97l-27.703-10.025c-35.055-12.685-73.894 5.514-86.579 40.569l-2.725 7.53a24.06 24.06 0 0 0 .84 18.458z"
/>
<path
fill="url(#v)"
d="m21.714 228.188 22.002-27.565c10.638-13.33 20.264-27.436 29.373-41.869 11.463-18.158 30.882-29.581 51.822-31.27 4.996-.407 9.943-1.172 14.88-2.046 10.43-1.848 21.406-1.182 32.045 2.314l30.892 10.172c21.019 6.914 38.183 22.499 47.103 42.753l3.04 6.904c5.573 12.665-.179 27.465-12.844 33.038a24.947 24.947 0 0 1-10.092 2.136c-9.635 0-18.823-5.592-22.956-14.979l-3.04-6.894a28.055 28.055 0 0 0-16.886-15.337l-30.902-10.172a15.557 15.557 0 0 0-18.108 6.566l-22.012 35.273a9.12 9.12 0 0 0-.08.13c-3.891 6.344-2.933 14.543 2.021 20.097l26.913 30.18a92.399 92.399 0 0 0 41.372 26.69 104.854 104.854 0 0 1 26.772 12.772l7.568 5.036a128.277 128.277 0 0 1 26.756 23.802c11.546 13.604 9.828 34.016-3.865 45.496-7.536 6.318-18.785 5.299-25.149-2.199l-9.212-10.854a78.212 78.212 0 0 0-16.303-14.503 87.017 87.017 0 0 0-44.796-14.639l-5.674-.236a47.618 47.618 0 0 0-34.965 13.221 92.011 92.011 0 0 1-23.81 16.539 92.398 92.398 0 0 1-27.773 8.324 45.617 45.617 0 0 1-6.01.407c-22.002 0-41.154-16.281-44.163-38.7L.885 303.393a99.313 99.313 0 0 1 20.829-75.205z"
/>
<path
fill="url(#w)"
d="M46.286 197.402c9.675-12.118 18.334-24.989 26.502-38.17 11.424-18.433 31.002-30.043 52.12-31.748 1.528-.123 3.051-.29 4.573-.474.872.16 1.74.257 2.604.279-14.778 4.506-27.905 14.204-36.578 28.104L.884 303.397a99.359 99.359 0 0 1 20.827-75.212z"
/>
<path
fill="url(#x)"
d="M107.387 352.208a92.205 92.205 0 0 1-51.58 24.864c-24.43 3.28-46.893-13.865-50.172-38.295l-.288-2.145 52.912-7.104a91.858 91.858 0 0 1 26.639.321l57.461 9.131a47.637 47.637 0 0 0-34.972 13.228z"
/>
<path
fill="url(#y)"
d="M310.446 70.185c-9.314-3.846-13.748-14.514-9.902-23.828l14.479-35.07c3.845-9.314 14.514-13.748 23.828-9.902 9.314 3.845 13.748 14.514 9.902 23.828l-14.479 35.07c-3.845 9.314-14.514 13.748-23.828 9.902z"
/>
<path
fill="url(#z)"
d="M52.205 86.006c3.846-9.314 14.514-13.748 23.828-9.902l35.07 14.479c9.314 3.845 13.748 14.514 9.902 23.828s-14.514 13.747-23.828 9.902l-35.07-14.479c-9.314-3.846-13.747-14.514-9.902-23.828z"
/>
<path
fill="url(#A)"
d="M389.043 114.101c-3.867-9.305.542-19.984 9.847-23.851l35.036-14.56c9.305-3.867 19.984.542 23.851 9.847 3.867 9.305-.542 19.984-9.847 23.851l-35.036 14.56c-9.305 3.867-19.984-.541-23.851-9.847z"
/>
<path
fill="url(#B)"
d="M170.858 1.579c9.305-3.867 19.984.542 23.851 9.847l14.56 35.036c3.867 9.305-.542 19.984-9.847 23.851-9.305 3.867-19.984-.542-23.851-9.847l-14.56-35.036c-3.867-9.305.541-19.984 9.847-23.851z"
/>
<path
fill="url(#C)"
d="M310.446 439.815c-9.314 3.846-13.748 14.514-9.902 23.828l14.479 35.07c3.845 9.314 14.514 13.747 23.828 9.902 9.314-3.845 13.748-14.514 9.902-23.828l-14.479-35.07c-3.845-9.314-14.514-13.748-23.828-9.902z"
/>
<path
fill="url(#D)"
d="M52.205 410.314c3.846 9.314 14.514 13.748 23.828 9.902l35.07-14.479c9.314-3.846 13.748-14.514 9.902-23.828s-14.514-13.747-23.828-9.902l-35.07 14.479c-9.314 3.846-13.747 14.514-9.902 23.828z"
/>
<path
fill="url(#E)"
d="M389.043 382.218c-3.867 9.305.542 19.984 9.847 23.851l35.036 14.56c9.305 3.867 19.984-.542 23.851-9.847 3.867-9.305-.542-19.984-9.847-23.851l-35.036-14.56c-9.305-3.867-19.984.542-23.851 9.847z"
/>
<path
fill="url(#F)"
d="M170.858 508.421c9.305 3.867 19.984-.542 23.851-9.847l14.56-35.036c3.867-9.305-.542-19.984-9.847-23.851-9.305-3.867-19.984.542-23.851 9.847l-14.56 35.036c-3.867 9.305.541 19.984 9.847 23.851z"
/>
</svg>
More icons in the same style and category