Icono Stencil
file-icons:stencil
El icono Stencil (file-icons:stencil) es un icono SVG gratuito de la colección File Icons de John Gardner. Está dibujado en una cuadrícula de 405 × 512. File Icons se publican bajo la licencia ISC, 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
- File Icons
- Autor
- John Gardner
- Licencia
- ISC
- Tamaño
- 405 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="405" height="512" viewBox="0 0 405 512"><path fill="currentColor" d="M373.951 348.434s16.838-36.262-4.16-112.272c-23.284-84.26-112.28-137.209-112.28-137.209c70.184 107.862 39.244 174.285 33.26 187.121c-14.537.85-195.417-153.843-195.417-153.843s83.783 117.281 120.575 145.522c2.815 2.142-117.76-82.225-166.309-124.736c64.36 103.259 182.952 199.577 182.952 199.577s-12.925 19.866-74.841 24.947s-111.634-28.24-149.684-49.894C86.466 440.202 179.58 451.232 224.268 452.383c77.604 1.983 92.406-39.165 133.058-33.269c44.37 6.427 47.674 38.57 47.674 38.57V512H0V2h286l119 119v286.707c-7.598-24.136-17.278-43.53-31.049-59.273"/></svg>
Cómo usar el icono Stencil
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:stencil" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:stencil" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:stencil" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--stencil]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:stencil"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:stencil"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/file-icons/stencil.svg" alt="Icono Stencil" width="24" height="24">
El icono Stencil en otras colecciones
Preguntas frecuentes sobre Icono Stencil
¿El icono Stencil es gratis para uso comercial?
Sí. File Icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Stencil en React?
Instala @iconify/react y renderiza <Icon icon="file-icons:stencil" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Stencil a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/file-icons/stencil.svg" alt="Icono Stencil">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los File Icons →
ICONYZ
