Add icons to this collection by clicking the heart icon.
Love icon - also known as heart, love, emoticon, smiley, smileys, and emoji. Created in a clean lineal color gradient style with a black and orange finish, 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 512 512"
>
<linearGradient
id="b"
x1="265.414"
x2="265.414"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" />
<stop offset=".56" stop-color="#404040" />
<stop offset="1" stop-color="#404040" />
</linearGradient>
<linearGradient
id="c"
x1="265.414"
x2="265.414"
y1="108"
y2="408"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ef790f" />
<stop offset=".56" stop-color="#fd0" />
<stop offset="1" stop-color="#ffec70" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#c4252d" />
<stop offset=".56" stop-color="#f43340" />
<stop offset=".999" stop-color="#ff9ea4" />
</linearGradient>
<linearGradient
id="d"
x1="389.714"
x2="389.714"
y1="303.836"
y2="378.763"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="349.899"
x2="349.899"
y1="106.444"
y2="181.372"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="122.286"
x2="122.286"
y1="238.281"
y2="313.208"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="265.4" cy="256" r="160" fill="url(#b)" />
<path
fill="url(#c)"
d="M265.4 106c82.8 0 150 67.2 150 150s-67.2 150-150 150-150-67.2-150-150 67.2-150 150-150z"
/>
<path
fill="#ef790f"
d="M336.6 279.7c3.4 1.6 6.3 4.1 8.5 7 0 0-6.3-22.7-25.1-9.3l12.6.7s-13.4 23.5-67.1 23.5-67.1-23.5-67.1-23.5l12.6-.7c-18.8-13.4-25.1 9.3-25.1 9.3 2.2-3 5.1-5.4 8.5-7 0 0 11.5 44.4 71.2 44.4s71-44.4 71-44.4z"
/>
<path
fill="#1e1e1e"
d="M334.6 278.5S322.2 304 265.4 304s-69.2-25.5-69.2-25.5 10.5 41.1 69.2 41.1 69.2-41.1 69.2-41.1z"
/>
<g fill="#1e1e1e">
<path
d="M290.6 205.7c-1.3 1.5.1 4.9 2.4 4.5 35.3-5.5 62.3 9.6 62.3 9.6s-8.5-13.9-23.9-20.3c-12.4-5.2-31.1-4.9-40.8 6.2zM240.2 205.7c1.3 1.5-.1 4.9-2.4 4.5-35.3-5.5-62.3 9.6-62.3 9.6s8.5-13.9 23.9-20.3c12.4-5.2 31.1-4.9 40.8 6.2z"
/>
</g>
<g fill="#1e1e1e">
<path
d="M358.4 171.3c0-.9-.2-1.8-.6-2.6 0 0-9.2-12.5-23-18.8-13.7-6.2-23.9-6.5-31.2-3.9-7.6 2.7-17 9.4-13 20.5 2.1 5.8 7.5 3.7 13.5 2.5s24-6.8 50.3 3.1c2.8 1.2 3.7.3 4-.8zM172.5 171.3c0-.9.2-1.8.6-2.6 0 0 9.2-12.5 23-18.8 13.7-6.2 23.9-6.5 31.2-3.9 7.6 2.7 17 9.4 13 20.5-2.1 5.8-7.5 3.7-13.5 2.5s-24-6.8-50.3 3.1c-2.9 1.2-3.8.3-4-.8z"
/>
</g>
<path
fill="url(#d)"
d="M426.3 179.9c-13.5 16.6-36.6 30.2-36.6 30.2s-23.1-13.7-36.6-30.2c-10.3-12.6-11.6-29.6 1.6-39.3 19.8-14.6 35 5.2 35 5.2s15.2-19.8 35-5.2c13.2 9.7 11.9 26.7 1.6 39.3z"
/>
<path
fill="url(#e)"
d="M386.5 377.3c-13.5 16.6-36.6 30.2-36.6 30.2s-23.1-13.7-36.6-30.2c-10.3-12.6-11.6-29.6 1.6-39.3 19.8-14.6 35 5.2 35 5.2s15.2-19.8 35-5.2c13.2 9.7 11.9 26.7 1.6 39.3z"
/>
<path
fill="url(#f)"
d="M158.9 245.5c-13.5 16.6-36.6 30.2-36.6 30.2S99.2 262 85.7 245.5c-10.3-12.6-11.6-29.6 1.6-39.3 19.8-14.6 35 5.2 35 5.2s15.2-19.8 35-5.2c13.2 9.7 11.8 26.7 1.6 39.3z"
/>
</svg>
More icons in the same style and category