Icône Tsx
file-icons:tsx
L'icône Tsx (file-icons:tsx) est une icône SVG gratuite de la collection File Icons par John Gardner. Elle est dessinée sur une grille de 512 × 512. Les File Icons sont publiées sous la licence ISC, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- File Icons
- Auteur
- John Gardner
- Licence
- ISC
- Taille
- 512 × 512
Code 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>Comment utiliser l'icône 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>Image HTML
<img src="https://iconyz.com/api/public/svg/file-icons/tsx.svg" alt="Icône Tsx" width="24" height="24">Icônes similaires dans File Icons
FAQ : Icône Tsx
L'icône Tsx est-elle gratuite pour un usage commercial ?
Oui. Les File Icons sont publiées sous la licence ISC, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Tsx dans React ?
Installez @iconify/react et affichez <Icon icon="file-icons:tsx" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Tsx à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/file-icons/tsx.svg" alt="Icône Tsx">, ou collez le code SVG directement dans la page pour le styliser en CSS.