Icono Twig
file-icons:twig
El icono Twig (file-icons:twig) es un icono SVG gratuito de la colección File Icons de John Gardner. Está dibujado en una cuadrícula de 409 × 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
- 409 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="409" height="512" viewBox="0 0 409 512"><path fill="currentColor" d="M371.8 5.235c-62.97-.89-111.28 248.327-109.948 350.446c20.862-68.729 52.64-111.158 86.17-118.518c-55.611 58.064-71.843 160.665-66.18 258.452c-35.675 8.41-62.633 11.845-71.418 4.91l.288-35.958c1.1 4.429 2.726 7.312 5.177 7.767c6.329-80.257-12.841-150.119-81.407-167.418c43.436-2.301 69.925 16.988 91.188 63.86C227.09 175.856 290.72-3.334 371.8.047c12.627.527 24.678 8.91 36.396 24.666C397.892 13.709 382.097 5.38 371.8 5.235M77.921 384.671C60.88 346.153 26.401 314.778 0 312.578C39.603 348.514 70.556 419.13 70.965 493.96c-7.794-18.432-6.741-20.232-10.648-30.309c-.617 16.863 3.416 21.645 3.288 46.666c22.386 3.024 43.487 2.603 61.336-6.543c-3.969-57.738-3.474-111.123 45.798-116.948c-25.675-2.178-37.611 3.083-55.555 15.845c-5.777-100.65-24.591-206.397-44.219-297.992c4.066 110.014 7.175 210.893 6.956 279.992"/></svg>Cómo usar el icono Twig
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:twig" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:twig" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:twig" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--twig]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:twig"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:twig"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/file-icons/twig.svg" alt="Icono Twig" width="24" height="24">El icono Twig en otras colecciones
Preguntas frecuentes sobre Icono Twig
¿El icono Twig 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 Twig en React?
Instala @iconify/react y renderiza <Icon icon="file-icons:twig" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Twig a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/file-icons/twig.svg" alt="Icono Twig">, o pega el código SVG en línea para darle estilo con CSS.