Add icons to this collection by clicking the heart icon.
Face Mask icon - also known as beauty, cosmetics, wellness, face mask, facial treatment, facial mask, and skincare. Created in a clean flat 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 64 64"
>
<linearGradient
id="d"
x1="17.166"
x2="43.887"
y1="52.913"
y2="6.631"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f06392" />
<stop offset="1" stop-color="#f8bbcf" />
</linearGradient>
<linearGradient
id="a"
x1="23.854"
x2="26.146"
y1="23.984"
y2="20.016"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#90a4ae" />
<stop offset="1" stop-color="#cfd8dc" />
</linearGradient>
<linearGradient
id="e"
x1="37.854"
x2="40.146"
y1="23.984"
y2="20.016"
href="#a"
/>
<linearGradient
id="b"
x1="30.435"
x2="33.331"
y1="36.898"
y2="31.882"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d81b61" />
<stop offset="1" stop-color="#f06392" />
</linearGradient>
<linearGradient
id="f"
x1="30.268"
x2="33.732"
y1="45.001"
y2="39"
href="#a"
/>
<linearGradient
id="g"
x1="46.943"
x2="49.916"
y1="18.123"
y2="12.974"
href="#b"
/>
<linearGradient
id="h"
x1="15.006"
x2="16.594"
y1="17.004"
y2="14.253"
href="#b"
/>
<linearGradient
id="i"
x1="17.83"
x2="21.815"
y1="47.636"
y2="40.734"
href="#b"
/>
<linearGradient
id="j"
x1="43.005"
x2="44.868"
y1="45.723"
y2="42.496"
href="#b"
/>
<linearGradient
id="c"
x1="54.268"
x2="57.732"
y1="11"
y2="5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcb316" />
<stop offset="1" stop-color="#ffd54f" />
</linearGradient>
<linearGradient id="k" x1="6.268" x2="9.732" y1="35" y2="29" href="#c" />
<linearGradient id="l" x1="22.268" x2="25.732" y1="59" y2="53" href="#c" />
<path
fill="url(#d)"
d="M52 24a55.023 55.023 0 0 1-4.87 21.71c-.27.64-.57 1.27-.89 1.88C42.62 54.76 37.58 60 32 60a11.125 11.125 0 0 1-6.92-2.72A3.985 3.985 0 0 1 28 56a3.999 3.999 0 0 1-4-4 3.953 3.953 0 0 1-1.34 2.97 34.575 34.575 0 0 1-4.91-7.38c-.31-.61-.61-1.24-.89-1.87A55.231 55.231 0 0 1 12 24a27.146 27.146 0 0 1 1.4-9.18 15.354 15.354 0 0 1 .83-1.93C17.54 6.23 24.26 4 32 4s14.46 2.23 17.77 8.89a15.354 15.354 0 0 1 .83 1.93A27.146 27.146 0 0 1 52 24z"
/>
<ellipse cx="25" cy="22" fill="url(#a)" rx="3" ry="2" />
<ellipse cx="39" cy="22" fill="url(#e)" rx="3" ry="2" />
<path
fill="url(#b)"
d="M32 37c-2.243 0-4-1.318-4-3a1 1 0 0 1 2 0c0 .408.78 1 2 1s2-.592 2-1a1 1 0 0 1 2 0c0 1.682-1.757 3-4 3z"
/>
<ellipse cx="32" cy="42" fill="url(#f)" rx="6" ry="2" />
<path
fill="url(#g)"
d="m50.6 14.82-2.89 2.89a1.014 1.014 0 0 1-1.42 0 1.008 1.008 0 0 1 0-1.42l3.2-3.2a1.102 1.102 0 0 1 .28-.2 15.354 15.354 0 0 1 .83 1.93z"
/>
<path
fill="url(#h)"
d="M17.71 17.71a1.014 1.014 0 0 1-1.42 0l-2.89-2.89a15.354 15.354 0 0 1 .83-1.93 1.102 1.102 0 0 1 .28.2l3.2 3.2a1.008 1.008 0 0 1 0 1.42z"
/>
<path
fill="url(#i)"
d="m22.71 42.71-4.69 4.69a1.015 1.015 0 0 1-.27.19c-.31-.61-.61-1.24-.89-1.87l4.43-4.43a1.004 1.004 0 0 1 1.42 1.42z"
/>
<path
fill="url(#j)"
d="M47.13 45.71c-.27.64-.57 1.27-.89 1.88a1.153 1.153 0 0 1-.26-.19l-4.69-4.69a1.004 1.004 0 0 1 1.42-1.42z"
/>
<path
fill="url(#c)"
d="M56 4a3.999 3.999 0 0 1-4 4 3.999 3.999 0 0 1 4 4 3.999 3.999 0 0 1 4-4 3.999 3.999 0 0 1-4-4z"
/>
<path
fill="url(#k)"
d="M8 28a3.999 3.999 0 0 1-4 4 3.999 3.999 0 0 1 4 4 3.999 3.999 0 0 1 4-4 3.999 3.999 0 0 1-4-4z"
/>
<path
fill="url(#l)"
d="M24 52a3.999 3.999 0 0 1-4 4 3.999 3.999 0 0 1 4 4 3.999 3.999 0 0 1 4-4 3.999 3.999 0 0 1-4-4z"
/>
</svg>
More icons in the same style and category