Add icons to this collection by clicking the heart icon.
Loved icon - also known as hearts, emoticon, feelings, isometric, smileys, emojis, and loved. 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="512"
height="512"
viewBox="0 0 512 512"
>
<radialGradient
id="f"
cx="294.925"
cy="128.275"
r="315.772"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcf3b3" />
<stop offset=".5" stop-color="#f7e041" />
<stop offset="1" stop-color="#ffa538" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ff4757" />
<stop offset="1" stop-color="#ff4757" stop-opacity="0" />
</linearGradient>
<radialGradient
id="g"
cx="186.517"
cy="295.444"
r="55.264"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="h"
cx="377.221"
cy="184.916"
r="55.265"
gradientTransform="matrix(.57 0 0 1 181.651 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#8b451c" />
<stop offset="1" stop-color="#401b06" />
</linearGradient>
<linearGradient
id="i"
x1="557.468"
x2="557.468"
y1="843.805"
y2="768.661"
gradientTransform="matrix(.866 -.5 0 1.155 -161.341 -329.304)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="256.911"
x2="256.911"
y1="-88.898"
y2="-121.984"
gradientTransform="matrix(.866 -.5 0 1.155 48.721 457.698)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="372.624"
x2="372.624"
y1="-88.896"
y2="-121.983"
gradientTransform="matrix(.866 -.5 0 1.155 48.721 457.698)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ac0915" />
<stop offset=".968" stop-color="#ff7b86" />
<stop offset="1" stop-color="#ff4557" />
</linearGradient>
<linearGradient
id="l"
x1="178.252"
x2="205.238"
y1="449.391"
y2="402.65"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#ac0915" />
<stop offset="1" stop-color="#ff7b86" />
</linearGradient>
<linearGradient
id="m"
x1="200.354"
x2="216.318"
y1="404.046"
y2="376.395"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#ac0915" />
<stop offset="1" stop-color="#ff4557" />
</linearGradient>
<linearGradient
id="n"
x1="201.939"
x2="201.939"
y1="510.908"
y2="372.91"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="o"
x1="170.821"
x2="197.807"
y1="158.358"
y2="111.617"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="192.922"
x2="208.886"
y1="113.013"
y2="85.362"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="194.508"
x2="194.508"
y1="219.875"
y2="81.877"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="r"
x1="450.031"
x2="477.017"
y1="158.361"
y2="111.62"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="s"
x1="472.132"
x2="488.096"
y1="113.016"
y2="85.366"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="473.718"
x2="473.718"
y1="219.878"
y2="81.881"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<circle cx="221.057" cy="242.77" r="221.057" fill="url(#f)" />
<circle cx="186.517" cy="295.444" r="55.264" fill="url(#g)" opacity=".4" />
<ellipse
cx="396.78"
cy="184.916"
fill="url(#h)"
opacity=".4"
rx="31.518"
ry="55.264"
/>
<path
fill="url(#i)"
d="M286.312 376.719c-6.644 0-12.774-1.389-18.283-4.182-9.472-4.802-21.391-16.268-24.378-43.619l12.921-1.412c1.3 11.904 5.363 27.368 17.334 33.438 10.581 5.363 26.048 2.747 43.56-7.363l1.381-.798c36.652-21.161 63.102-63.366 67.385-107.523a6.499 6.499 0 1 1 12.937 1.255c-2.395 24.695-10.964 48.957-24.781 70.163-13.015 19.975-29.974 36.353-49.043 47.363l-1.381.798c-13.676 7.895-26.401 11.88-37.652 11.88z"
/>
<path
fill="url(#j)"
d="M242.041 242.423a6.497 6.497 0 0 1-6.131-8.653c.451-1.281 11.27-31.511 32.046-43.506 20.1-11.605 34.25 2.328 38.008 8.675a6.499 6.499 0 0 1-11.162 6.661c-1.215-1.968-7.852-11.295-20.347-4.08-16.583 9.574-26.189 36.298-26.285 36.567a6.506 6.506 0 0 1-6.129 4.336z"
/>
<path
fill="url(#k)"
d="M342.247 184.568c-.717 0-1.445-.12-2.16-.372a6.496 6.496 0 0 1-3.971-8.282c.451-1.281 11.271-31.511 32.047-43.506 20.095-11.603 34.25 2.327 38.008 8.675a6.499 6.499 0 0 1-11.161 6.662c-1.215-1.967-7.848-11.297-20.348-4.08-16.583 9.575-26.19 36.298-26.285 36.567a6.505 6.505 0 0 1-6.13 4.336z"
/>
<path
fill="url(#l)"
d="M233.464 389.138a11.557 11.557 0 0 0-1.129-.693l.003-.008-20.101-11.595c-8.844-4.683-21.99 3.538-30.279 19.376-8.688-6.568-22.711 1.391-31.525 17.791-9.095 16.923-8.925 36.531.001 43.279l27.657 20.908c.24.181.498.315.768.407l19.047 10.997.167.126c.221.167.459.287.706.378l.034.02.002-.005c2.133.756 5.089-1.22 6.992-4.858l27.657-52.843c8.925-17.054 9.095-36.859 0-43.28z"
/>
<path
fill="url(#m)"
d="M201.939 407.749c8.327-15.91 21.551-24.124 30.396-19.303l.003-.008-20.101-11.595c-8.844-4.683-21.99 3.538-30.279 19.376l17.549 10.127c.847.358 1.661.82 2.432 1.403z"
/>
<path
fill="url(#n)"
d="M233.464 389.138c-8.814-6.222-22.837 2.011-31.525 18.611-8.688-6.568-22.711 1.391-31.525 17.791-9.095 16.923-8.925 36.531.001 43.279l27.657 20.908c2.136 1.615 5.598-.385 7.734-4.465l27.657-52.843c8.926-17.055 9.096-36.86.001-43.281z"
/>
<path
fill="url(#o)"
d="M226.032 98.105a11.356 11.356 0 0 0-1.129-.692l.003-.008-20.101-11.595c-8.844-4.683-21.99 3.538-30.279 19.376-8.688-6.568-22.711 1.391-31.525 17.791-9.095 16.923-8.925 36.531.001 43.279l27.657 20.908c.24.181.498.315.768.407l19.047 10.997.166.126c.221.167.459.286.706.378l.034.02.002-.005c2.133.756 5.089-1.22 6.992-4.858l27.657-52.843c8.926-17.055 9.097-36.86.001-43.281z"
/>
<path
fill="url(#p)"
d="M194.507 116.716c8.327-15.91 21.551-24.124 30.396-19.303l.003-.008-20.101-11.595c-8.844-4.683-21.99 3.538-30.279 19.376l17.549 10.127c.847.358 1.661.82 2.432 1.403z"
/>
<path
fill="url(#q)"
d="M226.032 98.105c-8.814-6.222-22.837 2.01-31.525 18.611-8.688-6.568-22.711 1.391-31.525 17.791-9.095 16.923-8.925 36.531.001 43.279l27.657 20.908c2.136 1.615 5.598-.385 7.734-4.465l27.657-52.843c8.926-17.055 9.097-36.86.001-43.281z"
/>
<path
fill="url(#r)"
d="M505.242 98.109a11.356 11.356 0 0 0-1.129-.692l.003-.008-20.101-11.595c-8.844-4.683-21.99 3.538-30.279 19.376-8.688-6.568-22.711 1.391-31.525 17.791-9.095 16.923-8.925 36.531.001 43.279l27.657 20.908c.24.181.498.315.768.407l19.047 10.997.167.126c.221.167.459.287.706.378l.034.02.002-.005c2.133.756 5.089-1.22 6.992-4.857l27.657-52.843c8.925-17.056 9.096-36.862 0-43.282z"
/>
<path
fill="url(#s)"
d="M473.717 116.719c8.327-15.91 21.551-24.124 30.396-19.303l.003-.008-20.101-11.595c-8.844-4.683-21.99 3.538-30.279 19.376l17.549 10.127c.847.358 1.662.821 2.432 1.403z"
/>
<path
fill="url(#t)"
d="M505.242 98.109c-8.814-6.222-22.837 2.01-31.525 18.611-8.688-6.568-22.711 1.391-31.525 17.791-9.095 16.923-8.925 36.531.001 43.279l27.657 20.908c2.136 1.615 5.599-.384 7.734-4.465l27.657-52.843c8.926-17.056 9.097-36.86.001-43.281z"
/>
</svg>
More icons in the same style and category