Ícone Textile
file-icons:textile
O ícone Textile (file-icons:textile) é um ícone SVG gratuito da coleção File Icons de John Gardner. Ele é desenhado em uma grade de 512 × 512. File Icons são publicados sob a licença ISC, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- File Icons
- Autor
- John Gardner
- Licença
- ISC
- Tamanho
- 512 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M512 96.05c0-13.342-10.77-24.113-24.113-24.113H24.113C10.77 71.937 0 82.707 0 96.05v319.9c0 13.342 10.77 24.113 24.113 24.113h463.774c13.342 0 24.113-10.77 24.113-24.113zM195.557 352.211q-6.029 3.496-13.745 6.51c-5.144 2.09-10.77 3.778-16.879 5.145s-12.458 2.09-19.13 2.09c-14.95 0-26.122-3.859-33.436-11.655c-7.315-7.797-11.092-20.336-11.092-37.697V211.793H73.947V198.37c8.841-5.627 17.683-9.645 27.328-12.057v-27.89c1.607-1.367 6.43-3.457 13.664-6.109s15.432-4.823 24.354-6.43h11.815v44.207h45.011v21.702h-45.01v88.977c0 14.146 1.687 23.952 5.304 29.418c3.537 5.465 9.404 8.198 17.683 8.198c4.1 0 8.761-.321 13.905-.884s9.887-1.688 14.307-3.295l2.412 11.333c-2.09 2.17-5.144 4.34-9.163 6.671m84.797 4.983c-5.546 4.903-12.619 7.395-21.3 7.395c-8.76 0-15.754-2.492-20.978-7.395c-5.305-4.903-7.877-11.494-7.877-19.772s2.652-14.87 7.877-19.934c5.305-5.064 12.298-7.555 20.978-7.555s15.835 2.491 21.3 7.555s8.279 11.735 8.279 19.934c0 8.198-2.733 14.789-8.279 19.772"/></svg>Como usar o ícone Textile
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:textile" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:textile" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:textile" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--textile]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:textile"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:textile"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/file-icons/textile.svg" alt="Ícone Textile" width="24" height="24">Perguntas frequentes sobre Ícone Textile
O ícone Textile é grátis para uso comercial?
Sim. File Icons são publicados sob a licença ISC, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Textile no React?
Instale @iconify/react e renderize <Icon icon="file-icons:textile" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Textile a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/file-icons/textile.svg" alt="Ícone Textile">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.