Icono Facial Mask
icon-park:facial-mask
El icono Facial Mask (icon-park:facial-mask) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Salud
- Etiquetas
- facialmask
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" d="M10 15.1142C10 13.8463 10.797 12.7154 11.991 12.2889L22.991 8.36036C23.6435 8.12733 24.3565 8.12733 25.009 8.36036L36.009 12.2889C37.203 12.7154 38 13.8463 38 15.1142V31.6041C38 32.4892 37.6101 33.3292 36.9082 33.8682C34.4672 35.7425 28.4345 40 24 40C19.5655 40 13.5328 35.7425 11.0918 33.8682C10.3899 33.3292 10 32.4892 10 31.6041V15.1142Z"/><path stroke="#000" stroke-linecap="round" d="M10 28C6.68629 28 4 24.8896 4 21.0526C4 17.2157 6.68629 16 10 16"/><path stroke="#000" stroke-linecap="round" d="M38 28C41.3137 28 44 24.8896 44 21.0526C44 17.2157 41.3137 16 38 16"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M16 25L24 21L32 25"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M19 31L24 29L29 31"/></g></svg>Cómo usar el icono Facial Mask
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:facial-mask" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:facial-mask" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:facial-mask" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--facial-mask]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park: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:facial-mask"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/facial-mask.svg" alt="Icono Facial Mask" width="24" height="24">Iconos relacionados en IconPark
El icono Facial Mask en otras colecciones
Preguntas frecuentes sobre Icono Facial Mask
¿El icono Facial Mask es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Facial Mask en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:facial-mask" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Facial Mask a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/facial-mask.svg" alt="Icono Facial Mask">, o pega el código SVG en línea para darle estilo con CSS.