Add icons to this collection by clicking the heart icon.
Self Love icon - also known as user, people, heart, feelings, wellness, self esteem, and self love. Created in a clean gradient style with a white, red, navy, orange, and pink 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 502 502"
>
<linearGradient
id="c"
x1="86.616"
x2="86.616"
y1="138.555"
y2=".787"
gradientUnits="userSpaceOnUse"
>
<stop offset=".021" stop-color="#e79580" />
<stop offset="1" stop-color="#d66743" />
</linearGradient>
<linearGradient
id="d"
x1="256.551"
x2="256.551"
y1="502"
y2="381.203"
gradientUnits="userSpaceOnUse"
>
<stop offset=".021" stop-color="#bbe3f4" />
<stop offset="1" stop-color="#78c5e6" />
</linearGradient>
<linearGradient
id="e"
x1="256.553"
x2="256.553"
y1="220.127"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d66743" />
<stop offset=".979" stop-color="#e79580" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fed2a4" />
<stop offset=".979" stop-color="#ffbd86" />
</linearGradient>
<radialGradient
id="f"
cx="74.488"
cy="229.378"
r="45.654"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="g"
cx="438.615"
cy="229.378"
r="45.654"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset=".021" stop-color="#ffbd86" />
<stop offset="1" stop-color="#fed2a4" />
</linearGradient>
<linearGradient
id="h"
x1="74.498"
x2="74.498"
y1="219.96"
y2="218.288"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="256.557"
x2="256.557"
y1="401.18"
y2="82.773"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="256.551"
x2="256.551"
y1="481.934"
y2="329.001"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fd869c" />
<stop offset=".979" stop-color="#f3385d" />
</linearGradient>
<linearGradient
id="k"
x1="322.167"
x2="322.167"
y1="502"
y2="441.601"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="311.065"
x2="311.065"
y1="502"
y2="441.601"
gradientTransform="matrix(-1 0 0 1 501.42 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<circle cx="86.616" cy="69.671" r="68.884" fill="url(#c)" />
<path
fill="url(#d)"
d="M381.966 451.015c-14.417-49.703-46.483-69.813-46.483-69.813H177.621s-32.066 20.109-46.483 69.813c-4.194 14.428-6.901 31.348-6.901 50.985h264.632c-.002-19.637-2.709-36.557-6.903-50.985z"
/>
<path
fill="#d86743"
d="M84.973 67.228c-8.533-7.141-21.353-5.719-28.016 3.191a249.922 249.922 0 0 0-24.997 41.158c12.592 16.398 32.383 26.978 54.656 26.978l5.237-54.548a19.456 19.456 0 0 0-6.88-16.779z"
/>
<path
fill="url(#e)"
d="M37.43 220.127v-2.005C37.982 98.031 136.122.184 256.21 0h.342c58.531 0 113.558 22.793 154.945 64.18 41.386 41.387 64.179 96.414 64.179 154.944z"
/>
<path
fill="#f3cac0"
d="M343.778 62.833a195.319 195.319 0 0 0-13.985-7.196c-5.008-2.327-7.182-8.274-4.855-13.283 2.327-5.01 8.274-7.182 13.283-4.855a215.049 215.049 0 0 1 15.424 7.938c4.804 2.724 6.49 8.828 3.765 13.631-2.721 4.795-8.82 6.494-13.632 3.765zM295.014 44.108a181.078 181.078 0 0 0-30.422-3.934c-5.517-.243-9.793-4.912-9.551-10.43s4.908-9.802 10.43-9.551c11.381.5 22.75 1.971 33.791 4.371 5.397 1.173 8.821 6.499 7.648 11.896a10 10 0 0 1-11.896 7.648z"
/>
<circle cx="74.488" cy="229.378" r="45.654" fill="url(#f)" />
<circle cx="438.615" cy="229.378" r="45.654" fill="url(#g)" />
<path
fill="url(#h)"
d="M74.494 219.96c-.001-.279.007-.557.007-.836s-.008-.557-.007-.836z"
/>
<path
fill="url(#i)"
d="M438.611 219.12c0 100.65-81.67 182.22-182.35 182.06-100.11-.15-181.75-82.05-181.76-182.06.005-26.697 5.824-52.103 16.258-75.007 21.538-47.277 74.68-71.553 124.61-57.201.69.198 1.373.398 2.048.598 25.524 7.562 52.688 7.586 78.21.019a260.92 260.92 0 0 1 2.285-.666c49.987-14.33 103.222 9.994 124.635 57.381 10.32 22.839 16.064 48.187 16.064 74.876z"
/>
<ellipse cx="133.103" cy="266.787" fill="#fb99ac" rx="20.98" ry="16.861" />
<ellipse cx="380" cy="266.787" fill="#fb99ac" rx="20.98" ry="16.861" />
<circle cx="169.072" cy="225.184" r="41.603" fill="#fff" />
<circle cx="344.031" cy="225.184" r="41.603" fill="#fff" />
<g fill="#383842">
<circle cx="169.072" cy="225.184" r="24.795" />
<circle cx="344.031" cy="225.184" r="24.795" />
<path
d="M256.552 266.072c-6.883 0-13.765-2.603-19.379-7.809a5 5 0 1 1 6.799-7.333c7.408 6.868 17.754 6.867 25.161 0a5 5 0 0 1 6.799 7.333c-5.616 5.206-12.498 7.809-19.38 7.809z"
/>
</g>
<path
fill="url(#j)"
d="M256.551 347.678c-63.069-61.637-166.614 41.61-14.039 130.461a27.872 27.872 0 0 0 28.079 0c152.575-88.851 49.029-192.098-14.04-130.461z"
/>
<path
fill="#f3385d"
d="M327.765 411.602H316.57c-15.026 0-28.784 5.534-39.343 14.671-9.689 8.384-8.664 23.741 1.882 31.018 7.136 4.924 16.67 4.627 23.459-.766 18.573-14.753 30.909-29.506 38.307-43.469a60.15 60.15 0 0 0-13.11-1.454z"
/>
<path
fill="url(#k)"
d="M327.765 441.601H316.57c-16.679 0-30.199 13.521-30.199 30.199 0 16.679 13.521 30.199 30.199 30.199h11.196c16.679 0 30.199-13.521 30.199-30.199s-13.521-30.199-30.2-30.199z"
/>
<path
fill="url(#l)"
d="M184.758 441.601h11.196c16.679 0 30.199 13.521 30.199 30.199 0 16.679-13.521 30.199-30.199 30.199h-11.196c-16.679 0-30.199-13.521-30.199-30.199-.001-16.678 13.52-30.199 30.199-30.199z"
/>
</svg>
More icons in the same style and category