Face Mask Light icon
ph:face-mask-light
The Face Mask Light icon (ph:face-mask-light) is a free SVG icon from the Phosphor set by Phosphor Icons. It is drawn on a 256 × 256 grid. Phosphor icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Phosphor
- Author
- Phosphor Icons
- License
- MIT
- Size
- 256 × 256
- Tags
- ppe, facemask, covid 19, coronavirus, flu, cold, masklight, facemasklight
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M174 104a6 6 0 0 1-6 6H88a6 6 0 0 1 0-12h80a6 6 0 0 1 6 6m-6 26H88a6 6 0 0 0 0 12h80a6 6 0 0 0 0-12m86-26v24a30 30 0 0 1-30 30h-6.5c-6.81 15.88-21.28 29.6-42.82 40.37a189 189 0 0 1-45.61 15.53a5.8 5.8 0 0 1-2.14 0a189 189 0 0 1-45.61-15.53C59.78 187.6 45.31 173.88 38.5 158H32a30 30 0 0 1-30-30v-24a30 30 0 0 1 30-30h2.35a14 14 0 0 1 8.87-10.07l80-29.09a14 14 0 0 1 9.56 0l80 29.09A14 14 0 0 1 221.65 74H224a30 30 0 0 1 30 30M34.89 146a57 57 0 0 1-.89-10V86h-2a18 18 0 0 0-18 18v24a18 18 0 0 0 18 18ZM210 136V77.09a2 2 0 0 0-1.32-1.88l-80-29.09a2 2 0 0 0-1.36 0l-80 29.09A2 2 0 0 0 46 77.09V136c0 20.7 13.61 38 40.46 51.52A180.8 180.8 0 0 0 128 201.88a181 181 0 0 0 41.54-14.36C196.39 174 210 156.7 210 136m32-32a18 18 0 0 0-18-18h-2v50a57 57 0 0 1-.89 10H224a18 18 0 0 0 18-18Z"/></svg>
How to use the Face Mask Light icon
React
import { Icon } from "@iconify/react";
<Icon icon="ph:face-mask-light" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:face-mask-light" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:face-mask-light" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--face-mask-light]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:face-mask-light"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:face-mask-light"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ph/face-mask-light.svg" alt="Face Mask Light icon" width="24" height="24">
Related icons in Phosphor
Face Mask Light icon FAQ
Is the Face Mask Light icon free for commercial use?
Yes. Phosphor icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Face Mask Light icon in React?
Install @iconify/react and render <Icon icon="ph:face-mask-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Face Mask Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ph/face-mask-light.svg" alt="Face Mask Light icon">, or paste the SVG code inline to style it with CSS.
Browse all Phosphor icons →
ICONYZ
