Add icons to this collection by clicking the heart icon.
Facial icon - also known as facial, beauty, treatment, spa, wellness, face mask, facial treatment, and skincare. Created in a clean gradient style with a white, teal, navy, 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="a">
<stop offset=".022" stop-color="#4b5762" />
<stop offset="1" stop-color="#597283" />
</linearGradient>
<linearGradient
id="f"
x1="251"
x2="251"
y1="502"
y2="326.142"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#1780ca" />
<stop offset="1" stop-color="#7fbdeb" />
</linearGradient>
<linearGradient
id="g"
x1="135.132"
x2="135.132"
y1="414.071"
y2="342.122"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="366.869"
x2="366.869"
y1="414.071"
y2="342.122"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ededed" />
<stop offset="1" stop-color="#ced5d5" />
</linearGradient>
<linearGradient
id="i"
x1="138.37"
x2="138.37"
y1="364.667"
y2="288.228"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset=".022" stop-color="#ff9da8" />
<stop offset="1" stop-color="#ff7381" />
</linearGradient>
<linearGradient
id="j"
x1="135.111"
x2="135.111"
y1="436.28"
y2="404.091"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="k"
x1="363.63"
x2="363.63"
y1="364.667"
y2="288.228"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="366.889"
x2="366.889"
y1="436.28"
y2="404.091"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="m"
x1="251"
x2="251"
y1="194.12"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d66743" />
<stop offset=".979" stop-color="#e79580" />
</linearGradient>
<linearGradient id="e">
<stop offset="0" stop-color="#f3c7b1" />
<stop offset="1" stop-color="#f3b291" />
</linearGradient>
<linearGradient
id="n"
x1="61.236"
x2="124.26"
y1="225.632"
y2="162.608"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="o"
x1="377.74"
x2="440.764"
y1="225.632"
y2="162.608"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="p"
x1="251"
x2="251"
y1="342.122"
y2="82.436"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f3b291" />
<stop offset="1" stop-color="#f3c7b1" />
</linearGradient>
<linearGradient
id="q"
x1="251"
x2="251"
y1="311.378"
y2="113.18"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#f)"
d="M414.625 502c0-137.24-89.783-175.858-89.783-175.858H177.158S87.375 364.76 87.375 502z"
/>
<path
fill="#3a4d5e"
d="M324.841 326.142H177.158s-13.266 5.715-29.597 20.531c30.208 17.858 65.852 27.448 103.438 27.448s73.23-9.59 103.438-27.448c-16.329-14.815-29.596-20.531-29.596-20.531z"
/>
<path
fill="url(#g)"
d="M189 364.667v34.228c0 1.763-.123 3.495-.359 5.196l-50.271 9.98-56.789-9.98a35.988 35.988 0 0 1-.318-4.837 95.755 95.755 0 0 1 5.913-33.101c.184-.492.369-.994.564-1.486l55.16-22.546z"
/>
<path
fill="url(#h)"
d="M313 364.667v34.228c0 1.763.123 3.495.359 5.196l50.271 9.98 56.789-9.98c.215-1.589.318-3.197.318-4.837a95.755 95.755 0 0 0-5.913-33.101c-.184-.492-.369-.994-.564-1.486l-55.16-22.546z"
/>
<path
fill="url(#i)"
d="M189 288.228v76.439H87.74a95.661 95.661 0 0 1 16.448-27.526c27.577-32.291 55.687-44.845 57.993-45.829l7.174-3.085H189z"
/>
<path
fill="url(#j)"
d="M188.641 404.091c-2.521 18.19-18.139 32.189-37.026 32.189h-33.326c-18.805 0-34.341-14.029-36.708-32.189z"
/>
<path
fill="url(#k)"
d="M313 288.228v76.439h101.26a95.639 95.639 0 0 0-16.448-27.526c-27.577-32.291-55.687-44.845-57.993-45.829l-7.174-3.085H313z"
/>
<path
fill="url(#l)"
d="M313.359 404.091c2.521 18.19 18.139 32.189 37.026 32.189h33.326c18.805 0 34.341-14.029 36.708-32.189z"
/>
<path
fill="url(#m)"
d="M56.88 194.12C56.88 87.082 143.962 0 251 0s194.12 87.082 194.12 194.12z"
/>
<path
fill="#f3cac0"
d="M337.053 67.138c-9.901-6.748-20.521-12.222-31.565-16.272-5.185-1.901-7.847-7.646-5.946-12.832 1.901-5.185 7.646-7.846 12.831-5.946 12.59 4.616 24.683 10.848 35.943 18.522 4.564 3.11 5.742 9.332 2.632 13.896-3.115 4.57-9.337 5.737-13.895 2.632zM270.495 41.231a154.562 154.562 0 0 0-7.704-.785c-5.507-.422-9.629-5.228-9.207-10.734.422-5.507 5.227-9.628 10.735-9.207 2.893.222 5.821.52 8.702.887 5.479.697 9.354 5.704 8.657 11.183-.7 5.494-5.722 9.352-11.183 8.656z"
/>
<circle cx="92.748" cy="194.12" r="44.565" fill="url(#n)" />
<circle cx="409.252" cy="194.12" r="44.565" fill="url(#o)" />
<path
fill="url(#p)"
d="M391.3 120.849c-16.641-31.794-54.405-46.573-87.967-33.871-11.705 4.43-23.608 11.238-35.154 21.298-4.768 4.154-10.856 6.485-17.18 6.485s-12.412-2.33-17.18-6.485c-11.546-10.06-23.449-16.868-35.154-21.298-33.562-12.702-71.326 2.078-87.967 33.871-11.465 21.905-17.949 46.831-17.949 73.272 0 87.395 70.844 148.001 158.249 148.001s158.249-60.606 158.249-148.001c.002-26.441-6.482-51.367-17.947-73.272z"
/>
<path
fill="url(#q)"
d="M251 311.378c-69.707 0-127.505-46.29-127.505-117.257 0-20.848 4.859-40.704 14.444-59.015 7.079-13.524 20.855-21.926 35.954-21.926 14.084 0 29.366 9.244 39.731 18.275 10.398 9.06 23.672 14.049 37.376 14.049 13.705 0 26.978-4.989 37.376-14.05 10.424-9.082 25.696-18.275 39.732-18.275 15.098 0 28.875 8.402 35.954 21.926 9.583 18.311 14.443 38.167 14.443 59.015 0 70.848-57.672 117.258-127.505 117.258z"
/>
<ellipse cx="163.266" cy="215.592" fill="#fdaece" rx="14.911" ry="11.983" />
<ellipse cx="338.734" cy="215.592" fill="#fdaece" rx="14.911" ry="11.983" />
<circle cx="188.829" cy="186.025" r="29.567" fill="#fff" />
<circle cx="313.171" cy="186.025" r="29.567" fill="#fff" />
<path
fill="#383842"
d="M188.829 196.449a18.637 18.637 0 0 1-16.332-9.658 7.5 7.5 0 1 1 13.144-7.227c.935 1.701 2.541 1.885 3.187 1.885s2.252-.184 3.187-1.885a7.5 7.5 0 1 1 13.144 7.227 18.633 18.633 0 0 1-16.33 9.658zM313.171 196.449a18.636 18.636 0 0 1-16.332-9.658 7.5 7.5 0 1 1 13.144-7.227c.935 1.701 2.541 1.885 3.187 1.885s2.252-.184 3.187-1.885a7.5 7.5 0 1 1 13.144 7.227 18.63 18.63 0 0 1-16.33 9.658zM251 216.54c-5.24 0-10.481-1.981-14.756-5.945a5 5 0 1 1 6.799-7.333c4.685 4.344 11.229 4.344 15.915 0a5 5 0 1 1 6.799 7.333c-4.276 3.964-9.517 5.945-14.757 5.945z"
/>
</svg>
More icons in the same style and category