Add icons to this collection by clicking the heart icon.
Medical Mask icon - also known as protection, face, coronavirus, coffin, medical mask, healthcare and medical, protective mask, and covid 19. 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="a">
<stop offset="0" stop-color="#00efd0" />
<stop offset="1" stop-color="#00cdb3" />
</linearGradient>
<linearGradient
id="d"
x1="32"
x2="32"
y1="0"
y2="51.266"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffbcac" />
<stop offset="1" stop-color="#fc9377" />
</linearGradient>
<linearGradient
id="e"
x1="13"
x2="13"
y1="26"
y2="38"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="51"
x2="51"
y1="26"
y2="38"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="32"
x2="32"
y1="16"
y2="64"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="32"
x2="32"
y1="35.647"
y2="64"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ebebeb" />
<stop offset="1" stop-color="#d0e6f7" />
</linearGradient>
<linearGradient
id="i"
x1="20"
x2="20"
y1="42.001"
y2="47"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="18.5"
x2="18.5"
y1="45"
y2="53"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="44"
x2="44"
y1="42.001"
y2="47"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="45.5"
x2="45.5"
y1="44.999"
y2="53"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M32 0C12.763 0 0 17.928 0 29.786c0 9.96 5.396 17.563 15.196 21.41a1 1 0 0 0 1.333-1.182A16.037 16.037 0 0 1 16 46V27.551c.187-.102.419-.224.636-.338 1.7-.897 3.289-1.766 4.051-2.527.653-.653.98-1.555 1.295-2.428.284-.784.578-1.595 1.017-1.849.425-.247 1.265-.099 2.077.045.921.162 1.873.33 2.781.087.873-.233 1.596-.843 2.294-1.432C30.798 18.564 31.467 18 32 18s1.202.563 1.849 1.109c.699.589 1.421 1.198 2.295 1.432.906.242 1.858.075 2.779-.087.812-.142 1.653-.291 2.079-.045.439.255.732 1.065 1.017 1.85.315.873.642 1.774 1.295 2.428.762.762 2.351 1.63 4.051 2.527.216.114.448.236.635.337V46a16.05 16.05 0 0 1-.529 4.015 1 1 0 0 0 1.333 1.182C58.604 47.35 64 39.746 64 29.786 64 17.928 51.237 0 32 0z"
/>
<path
fill="url(#e)"
d="M15 26h-2c-1.654 0-3 1.346-3 3v4c0 2.757 2.243 5 5 5a1 1 0 0 0 1-1V27a1 1 0 0 0-1-1z"
/>
<path
fill="url(#f)"
d="M51 26h-2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1c2.757 0 5-2.243 5-5v-4c0-1.654-1.346-3-3-3z"
/>
<path
fill="url(#g)"
d="M49.973 26.769c-.12-.504-.327-.612-1.675-1.324-1.107-.583-2.959-1.561-3.57-2.172-.338-.339-.588-1.027-.829-1.694-.387-1.068-.825-2.28-1.896-2.899-1.056-.611-2.315-.391-3.426-.194-.707.124-1.438.252-1.917.125-.442-.118-.991-.581-1.522-1.029C34.26 16.84 33.264 16 32 16s-2.26.84-3.138 1.58c-.531.448-1.08.911-1.522 1.029-.478.128-1.209-.001-1.917-.125-1.111-.196-2.37-.417-3.425.193-1.071.619-1.509 1.831-1.896 2.899-.241.667-.491 1.355-.829 1.694-.611.611-2.464 1.589-3.57 2.173-1.348.712-1.555.821-1.675 1.324A.977.977 0 0 0 14 27v19c0 9.925 8.075 18 18 18s18-8.075 18-18V27a.999.999 0 0 0-.027-.231z"
/>
<path
fill="url(#h)"
d="m49.229 38.026-3.258-.767a61.33 61.33 0 0 0-27.942 0l-3.258.767c-.452.107-.771.51-.771.974v7c0 9.925 8.075 18 18 18s18-8.075 18-18v-7c0-.464-.319-.867-.771-.974z"
/>
<path
fill="url(#i)"
d="M25 47a1.03 1.03 0 0 1-.288-.042l-10-3a1 1 0 0 1 .574-1.916l10 3A1 1 0 0 1 25 47z"
/>
<path
fill="url(#j)"
d="M22 53a.993.993 0 0 1-.65-.241l-7-6a.998.998 0 1 1 1.302-1.517l7 6A.998.998 0 0 1 22 53z"
/>
<path
fill="url(#k)"
d="M39 47a1.001 1.001 0 0 1-.287-1.958l10-3a1 1 0 0 1 .574 1.916l-10 3A1.023 1.023 0 0 1 39 47z"
/>
<path
fill="url(#l)"
d="M42 53a1 1 0 0 1-.652-1.759l7-6a1 1 0 1 1 1.302 1.517l-7 6A.987.987 0 0 1 42 53z"
/>
</svg>
More icons in the same style and category