Facial Mask icon
icon-park-twotone:facial-mask
The Facial Mask icon (icon-park-twotone:facial-mask) is a free SVG icon from the IconPark TwoTone set by ByteDance. It is drawn on a 48 × 48 grid. IconPark TwoTone icons are released under the Apache 2.0 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
- IconPark TwoTone
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Health
- Tags
- facialmask
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><mask id="SVG2nJRFwcp"><g fill="none" stroke="#fff" stroke-width="4"><path fill="#555" stroke-linejoin="round" d="M10 15.114a3 3 0 0 1 1.991-2.825l11-3.929a3 3 0 0 1 2.018 0l11 3.929A3 3 0 0 1 38 15.114v16.49c0 .885-.39 1.725-1.092 2.264C34.468 35.742 28.434 40 24 40s-10.467-4.257-12.908-6.132A2.84 2.84 0 0 1 10 31.604z"/><path stroke-linecap="round" d="M10 28c-3.314 0-6-3.11-6-6.947S6.686 16 10 16m28 12c3.314 0 6-3.11 6-6.947S41.314 16 38 16"/><path stroke-linecap="round" stroke-linejoin="round" d="m16 25l8-4l8 4m-13 6l5-2l5 2"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVG2nJRFwcp)"/></svg>How to use the Facial Mask icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-twotone:facial-mask" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-twotone:facial-mask" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-twotone:facial-mask" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-twotone--facial-mask]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-twotone -->
<div class="i-icon-park-twotone:facial-mask"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-twotone:facial-mask"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park-twotone/facial-mask.svg" alt="Facial Mask icon" width="24" height="24">Related icons in IconPark TwoTone
Facial Mask icon in other icon sets
Facial Mask icon FAQ
Is the Facial Mask icon free for commercial use?
Yes. IconPark TwoTone icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Facial Mask icon in React?
Install @iconify/react and render <Icon icon="icon-park-twotone:facial-mask" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Facial Mask icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park-twotone/facial-mask.svg" alt="Facial Mask icon">, or paste the SVG code inline to style it with CSS.