Icono Tsx
file-icons:tsx
El icono Tsx (file-icons:tsx) es un icono SVG gratuito de la colección File Icons de John Gardner. Está dibujado en una cuadrícula de 512 × 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
- 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="m321.957 275.591l47.673 88.816l-50.938 93.387h35.918l35.265-62.694l35.265 62.693h35.918l-50.938-93.387l47.02-88.816h-35.918l-31.346 58.122l-31.346-58.122h-36.571zm-99.266 3.92c38.667-14.191 68.354 3.917 77.06 24.815l-28.081 18.286c-4.152-7.493-13-15.154-23.216-15.702c-9.264-.497-17.876 4.346-18.15 16.874c.55 18.255 24.554 18.253 53.339 36.487c21.087 13.358 25.036 23.568 26.986 42.022c1.445 13.678-1.128 37.311-28.04 49.253c-29.282 12.993-81.244 8.257-99.082-30.977l29.387-16.979c14.694 27.918 52.804 27.851 60.285 9.464c7.307-17.954-14.735-24.974-42.088-37.104c-11.897-6.135-30.306-15.798-35.83-39.408c-4.17-17.817-.45-44.739 27.427-57.034zM512 454.528V57.471C511.32 30.224 493.805.56 454.528 0H57.469C27.102-.228.403 23.534 0 57.471v397.058c.404 33.937 27.102 57.698 57.47 57.47h397.058c39.276-.56 56.791-30.223 57.472-57.47m-30.044 0c-.257 10.97-5.691 25.19-27.428 26.776H57.469c-14.287-.112-26.453-9.789-26.776-26.776V57.471c.322-16.986 12.488-26.663 26.776-26.776h397.059c21.738 1.586 27.17 15.805 27.428 26.776zM176.183 312.305H130.61v145.49H94.039v-145.49H48.466v-36.572h127.717z"/></svg>Cómo usar el icono Tsx
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:tsx" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:tsx" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:tsx" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--tsx]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:tsx"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:tsx"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/file-icons/tsx.svg" alt="Icono Tsx" width="24" height="24">Iconos relacionados en File Icons
Preguntas frecuentes sobre Icono Tsx
¿El icono Tsx 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 Tsx en React?
Instala @iconify/react y renderiza <Icon icon="file-icons:tsx" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Tsx a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/file-icons/tsx.svg" alt="Icono Tsx">, o pega el código SVG en línea para darle estilo con CSS.