Icône File Type Tslint
vscode-icons:file-type-tslint
L'icône File Type Tslint (vscode-icons:file-type-tslint) est une icône SVG gratuite de la collection VSCode Icons par Roberto Huertas. Elle est dessinée sur une grille de 32 × 32. Les VSCode Icons sont publiées sous la licence MIT, 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
- VSCode Icons
- Auteur
- Roberto Huertas
- Licence
- MIT
- Taille
- 32 × 32
- Mots-clés
- filetype, typetslint, filetypetslint
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#007acc" d="M22.395 9.855a3.37 3.37 0 0 1 1.694.976a4.5 4.5 0 0 1 .649.868c.009.034-1.169.825-1.883 1.268c-.026.017-.129-.095-.245-.267a1.54 1.54 0 0 0-1.273-.765c-.821-.056-1.35.374-1.346 1.092a1 1 0 0 0 .116.507c.181.374.516.6 1.569 1.053c1.939.834 2.769 1.384 3.285 2.167a3.93 3.93 0 0 1 .314 3.3a3.63 3.63 0 0 1-3 2.145a8.3 8.3 0 0 1-2.064-.021a4.98 4.98 0 0 1-2.756-1.436a4.8 4.8 0 0 1-.705-1.045a2 2 0 0 1 .25-.156l1.006-.58l.778-.451l.163.241a3.6 3.6 0 0 0 1.028.985a2.52 2.52 0 0 0 2.636-.133a1.18 1.18 0 0 0 .15-1.5c-.211-.3-.641-.555-1.862-1.083a6.7 6.7 0 0 1-2.55-1.569a3.6 3.6 0 0 1-.744-1.354a5.4 5.4 0 0 1-.047-1.728a3.3 3.3 0 0 1 2.782-2.575a6.9 6.9 0 0 1 2.055.061m-6.359 1.131l.009 1.109h-3.526v10.017h-2.494V12.095H6.5v-1.088a11 11 0 0 1 .03-1.118c.013-.017 2.158-.026 4.759-.021l4.734.013Z"/><path fill="#33a9dc" d="M2 15.17c1.844 0 2.1-1.223 2.1-2.322a22 22 0 0 0-.209-2.633a22 22 0 0 1-.203-2.605c0-2.886 1.559-4.11 3.767-4.11H8v1.727h-.467c-1.533 0-2.051 1-2.051 2.7a16 16 0 0 0 .182 2.227a18 18 0 0 1 .182 2.383c.025 2.008-.7 3.011-1.872 3.389v.061c1.17.345 1.9 1.412 1.872 3.42a17 17 0 0 1-.182 2.383a17 17 0 0 0-.182 2.26c0 1.755.6 2.728 2.051 2.728H8V28.5h-.546c-2.155 0-3.767-1.129-3.767-4.3a22 22 0 0 1 .207-2.572a21 21 0 0 0 .206-2.537c0-.973-.26-2.322-2.1-2.322Zm27.937 1.645c-1.844 0-2.1 1.348-2.1 2.321a21 21 0 0 0 .207 2.541a21 21 0 0 1 .209 2.572c0 3.167-1.637 4.3-3.767 4.3h-.546v-1.728h.442c1.455-.031 2.077-.973 2.077-2.728c0-.753-.1-1.476-.182-2.26a17 17 0 0 1-.207-2.383c0-2.007.728-3.075 1.87-3.42v-.06c-1.142-.378-1.87-1.382-1.87-3.389a18 18 0 0 1 .207-2.383a22 22 0 0 0 .182-2.227c0-1.693-.546-2.666-2.051-2.7h-.467V3.548h.52c2.208 0 3.792 1.223 3.792 4.109a22 22 0 0 1-.209 2.6a23 23 0 0 0-.207 2.633c0 1.1.26 2.321 2.1 2.321Z"/><path fill="#c1272d" d="m13.595 26.5l-1.19-1.368l-1.191 1.367l-1.198-1.369l-1.197 1.368l-1.195-1.368l-.767.878L6 25.361l1.624-1.86l1.195 1.369l1.197-1.368l1.196 1.368l1.193-1.37l1.192 1.368l1.191-1.366l1.199 1.369l1.196-1.37l1.196 1.37l1.2-1.368l1.197 1.368l1.2-1.369l1.195 1.369l1.199-1.367L26 25.359l-.856.65l-.774-.881l-1.202 1.369l-1.194-1.367l-1.199 1.367l-1.197-1.368l-1.201 1.368l-1.194-1.367l-1.195 1.367l-1.198-1.367z"/></svg>
Comment utiliser l'icône File Type Tslint
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:file-type-tslint" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:file-type-tslint" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:file-type-tslint" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-tslint]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-tslint"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vscode-icons:file-type-tslint"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-tslint.svg" alt="Icône File Type Tslint" width="24" height="24">
Icônes similaires dans VSCode Icons
FAQ : Icône File Type Tslint
L'icône File Type Tslint est-elle gratuite pour un usage commercial ?
Oui. Les VSCode Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône File Type Tslint dans React ?
Installez @iconify/react et affichez <Icon icon="vscode-icons:file-type-tslint" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône File Type Tslint à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-tslint.svg" alt="Icône File Type Tslint">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les VSCode Icons →
