Add icons to this collection by clicking the heart icon.
Face Mask icon - also known as mask, face, facial, beauty, makeup, cosmetics, wellness, face mask, grooming, and facial mask. 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 64 64"
>
<defs>
<linearGradient
id="a"
x2="61.205"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#84aa50" />
<stop offset="1" stop-color="#00acc9" />
</linearGradient>
<linearGradient id="b" x2="61.205" y1="22" y2="22" href="#a" />
<linearGradient id="c" x2="61.205" y1="44.5" y2="44.5" href="#a" />
<linearGradient id="d" x2="61.205" y1="55.084" y2="55.084" href="#a" />
<linearGradient id="e" x2="61.205" y1="8.916" y2="8.916" href="#a" />
<linearGradient id="f" x2="61.205" y1="40.277" y2="40.277" href="#a" />
<linearGradient id="g" x2="61.205" y1="31" y2="31" href="#a" />
<linearGradient id="h" x2="61.205" y1="30" y2="30" href="#a" />
<linearGradient id="i" x2="61.205" y1="7.447" y2="7.447" href="#a" />
<linearGradient id="j" x2="61.205" y1="34" y2="34" href="#a" />
</defs>
<g>
<path
d="M32 2a30 30 0 1 0 30 30A30.034 30.034 0 0 0 32 2Zm20.48 49.066-2.773-2.773-1.414 1.414 2.773 2.773a27.93 27.93 0 0 1-38.132 0l2.773-2.773-1.414-1.414-2.773 2.773a27.93 27.93 0 0 1 0-38.132l2.773 2.773 1.414-1.414-2.773-2.773a27.93 27.93 0 0 1 38.132 0l-2.773 2.773 1.414 1.414 2.773-2.773a27.93 27.93 0 0 1 0 38.132Z"
fill="url(#a)"
/>
<path
d="M45 17h-6a5 5 0 0 0 0 10h6a5 5 0 0 0 0-10Zm0 8h-6a3 3 0 0 1 0-6h6a3 3 0 0 1 0 6ZM25 27a5 5 0 0 0 0-10h-6a5 5 0 0 0 0 10Zm-9-5a3 3 0 0 1 3-3h6a3 3 0 0 1 0 6h-6a3 3 0 0 1-3-3Z"
fill="url(#b)"
/>
<path
d="M46 43c0-2.841-4.056-4-14-4s-14 1.159-14 4c0 3.151 6.46 7 14 7s14-3.849 14-7Zm-26 0c0-.2.337-2 12-2s12 1.8 12 2c0 1.491-5.067 5-12 5s-12-3.509-12-5Z"
fill="url(#c)"
/>
<path
d="M32 56v2a28.457 28.457 0 0 0 14.555-4.168l-1.11-1.664A26.78 26.78 0 0 1 32 56Z"
fill="url(#d)"
/>
<path
d="M32 8V6a28.457 28.457 0 0 0-14.555 4.168l1.11 1.664A26.78 26.78 0 0 1 32 8Z"
fill="url(#e)"
/>
<path
d="m52.168 45.446 1.664 1.109C54 46.3 58 40.231 58 34h-2c0 5.616-3.794 11.388-3.832 11.446ZM6 34c0 6.231 4 12.3 4.168 12.555l1.664-1.11C11.794 45.388 8 39.632 8 34Z"
fill="url(#f)"
/>
<path d="M56 30h2v2h-2z" fill="url(#g)" />
<path d="M17 29h7v2h-7zM40 29h7v2h-7z" fill="url(#h)" />
<path
d="M40.447 7.105A10.975 10.975 0 0 0 36 6v2a9.049 9.049 0 0 1 3.556.895Z"
fill="url(#i)"
/>
<path
d="M28 33.465V31h-2v3.535L29.697 37h4.606L38 34.535V31h-2v2.465L33.697 35h-3.394L28 33.465z"
fill="url(#j)"
/>
</g>
</svg>
More icons in the same style and category