Icono Face Mask Line
mingcute:face-mask-line
El icono Face Mask Line (mingcute:face-mask-line) es un icono SVG gratuito de la colección MingCute Icon de MingCute Design. Está dibujado en una cuadrícula de 24 × 24. MingCute Icon 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
- MingCute Icon
- Autor
- MingCute Design
- Licencia
- Apache-2.0
- Tamaño
- 24 × 24
- Etiquetas
- facemask, maskline, facemaskline
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9 10a1 1 0 1 0 0 2zm6 2a1 1 0 1 0 0-2zm-6 1a1 1 0 1 0 0 2zm6 2a1 1 0 1 0 0-2zm-3.275-9.922l-.274-.961zm6.494 9.728l-.995-.1zm.615-6.143l-.995-.1zm-1.44-2.122l.274-.962zm1.44 2.122l-.995-.1l-.615 6.144l.995.1l.995.099l.615-6.144zM5.78 14.806l.995-.1l-.615-6.143l-.995.1l-.995.1l.615 6.143zm.826-8.265l.275.961L12 6.04l-.275-.962l-.274-.961l-5.119 1.462zm5.668-1.463L12 6.04l5.118 1.462l.275-.961l.275-.962l-5.119-1.462zm3.753 12.908l-.447-.895l-3.134 1.567l.447.895l.448.894l3.133-1.567zm-4.922 1.567l.447-.895l-3.134-1.567l-.447.895l-.447.894l3.133 1.567zM3 12h1v-1H2v1zm18-1h-1v1h2v-1zM9 11v1h6v-2H9zm0 3v1h6v-2H9zm-3 1v-1a2 2 0 0 1-2-2H2a4 4 0 0 0 4 4zM5 9V8a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1zm7.894 10.553l-.447-.895a1 1 0 0 1-.894 0l-.447.895l-.448.894a3 3 0 0 0 2.684 0zM11.725 5.078L12 6.04l.275-.962l.274-.961a2 2 0 0 0-1.098 0zm-5.944 9.728l-.995.1a5 5 0 0 0 2.739 3.974l.447-.894l.447-.895a3 3 0 0 1-1.643-2.384zm12.438 0l-.995-.1a3 3 0 0 1-1.643 2.386l.447.894l.447.894a5 5 0 0 0 2.74-3.974zM21 12h-1a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4zm-2.166-3.337l.995.1a3 3 0 0 0-2.161-3.184l-.275.962l-.275.961a1 1 0 0 1 .72 1.061zM19 9v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zM5.166 8.663l.995-.1a1 1 0 0 1 .72-1.06l-.274-.962l-.275-.962a3 3 0 0 0-2.16 3.183z"/></svg>Cómo usar el icono Face Mask Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:face-mask-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:face-mask-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:face-mask-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--face-mask-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:face-mask-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:face-mask-line"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/mingcute/face-mask-line.svg" alt="Icono Face Mask Line" width="24" height="24">Iconos relacionados en MingCute Icon
Preguntas frecuentes sobre Icono Face Mask Line
¿El icono Face Mask Line es gratis para uso comercial?
Sí. MingCute Icon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Face Mask Line en React?
Instala @iconify/react y renderiza <Icon icon="mingcute:face-mask-line" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Face Mask Line a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/mingcute/face-mask-line.svg" alt="Icono Face Mask Line">, o pega el código SVG en línea para darle estilo con CSS.