Icono Mask One
icon-park:mask-one
El icono Mask One (icon-park:mask-one) 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
- Operar
- Etiquetas
- maskone
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path stroke-linecap="round" d="M7.36573 16.3443C6.48571 18.7024 6 21.2881 6 23.9998C6 26.7115 6.48571 29.2971 7.36573 31.6552M11.2721 38.1419C12.9301 39.9841 14.91 41.4686 17.1101 42.4823C19.2324 43.4601 21.5595 43.9998 24 43.9998C26.4405 43.9998 28.7676 43.4601 30.8899 42.4823C33.09 41.4686 35.0699 39.9841 36.7279 38.1419M40.6343 31.6552C41.5143 29.2971 42 26.7115 42 23.9998C42 21.2881 41.5143 18.7024 40.6343 16.3443M36.7279 9.85762C35.0699 8.01539 33.09 6.53089 30.8899 5.51723C28.7676 4.53943 26.4405 3.99976 24 3.99976C19.0294 3.99976 14.5294 6.23833 11.2721 9.85762"/><path fill="#2F88FF" d="M18 22.9998C19.6569 22.9998 21 21.6566 21 19.9998C21 18.3429 19.6569 16.9998 18 16.9998C16.3431 16.9998 15 18.3429 15 19.9998C15 21.6566 16.3431 22.9998 18 22.9998Z"/><path fill="#2F88FF" d="M30 22.9998C31.6569 22.9998 33 21.6566 33 19.9998C33 18.3429 31.6569 16.9998 30 16.9998C28.3431 16.9998 27 18.3429 27 19.9998C27 21.6566 28.3431 22.9998 30 22.9998Z"/><path fill="#2F88FF" d="M24 34.9998C26.7614 34.9998 29 33.6566 29 31.9998C29 30.3429 26.7614 28.9998 24 28.9998C21.2386 28.9998 19 30.3429 19 31.9998C19 33.6566 21.2386 34.9998 24 34.9998Z"/></g></svg>Cómo usar el icono Mask One
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:mask-one" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:mask-one" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:mask-one" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--mask-one]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:mask-one"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:mask-one"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/mask-one.svg" alt="Icono Mask One" width="24" height="24">Iconos relacionados en IconPark
El icono Mask One en otras colecciones
Preguntas frecuentes sobre Icono Mask One
¿El icono Mask One 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 Mask One en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:mask-one" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Mask One a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/mask-one.svg" alt="Icono Mask One">, o pega el código SVG en línea para darle estilo con CSS.