Icono Fencing Mask
hugeicons:fencing-mask
El icono Fencing Mask (hugeicons:fencing-mask) es un icono SVG gratuito de la colección Huge Icons de Hugeicons. Está dibujado en una cuadrícula de 24 × 24. Huge Icons se publican bajo la licencia MIT, 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
- Huge Icons
- Autor
- Hugeicons
- Licencia
- MIT
- Tamaño
- 24 × 24
- Etiquetas
- fencingmask
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path d="M12 20c3.5 0 8-5.706 8-10.159C20 4.644 16.57 1.983 12 2c-4.572.017-8 2.644-8 7.841C4 14.294 8.5 20 12 20Z"/><path stroke-linecap="round" d="M12 2v18"/><path d="M4.5 8c3.5 2 11.5 2 15 0m-15 5c3.5 2 11.5 2 15 0"/><path stroke-linecap="round" d="M6 16c0 2.4-1 4.8-3 6m15-6c0 2.4 1 4.8 3 6"/></g></svg>Cómo usar el icono Fencing Mask
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:fencing-mask" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:fencing-mask" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:fencing-mask" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--fencing-mask]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:fencing-mask"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:fencing-mask"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/hugeicons/fencing-mask.svg" alt="Icono Fencing Mask" width="24" height="24">Iconos relacionados en Huge Icons
El icono Fencing Mask en otras colecciones
Preguntas frecuentes sobre Icono Fencing Mask
¿El icono Fencing Mask es gratis para uso comercial?
Sí. Huge Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Fencing Mask en React?
Instala @iconify/react y renderiza <Icon icon="hugeicons:fencing-mask" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Fencing Mask a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/hugeicons/fencing-mask.svg" alt="Icono Fencing Mask">, o pega el código SVG en línea para darle estilo con CSS.