Icône File Type Ng Controller Ts
vscode-icons:file-type-ng-controller-ts
L'icône File Type Ng Controller Ts (vscode-icons:file-type-ng-controller-ts) 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, typeng, ngcontroller, controllerts, filetypengcontrollerts
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#b3b3b3" d="m3.927 24.707l12.246 6.731l12.309-6.823l2.295-19.031L16.158.563L1.631 5.675z"/><path fill="#a6120d" d="m16.124 29.829l11.066-6.124l2.138-17.021l-13.204-4.503z"/><path fill="#dd1b16" d="M16.123 29.829V2.181L3.261 6.765l1.967 17.021z"/><path fill="#f2f2f2" d="m19.758 16.9l-3.635 1.7h-3.83l-1.8 4.5l-3.35.062l8.981-19.98Zm-.351-.856l-3.259-6.452l-2.673 6.341h2.649Z"/><path fill="#b3b3b3" d="M19.181 15.938H16.13l-.007 2.657l4.219.004l1.972 4.567l3.205.06l-9.396-20.041l.025 6.407z"/><path fill="#007acc" d="M27.41 19.65a2.8 2.8 0 0 1 1.41.81a3.7 3.7 0 0 1 .54.72s-1 .69-1.57 1.06a.5.5 0 0 1-.2-.22a1.28 1.28 0 0 0-1.06-.64a.92.92 0 0 0-1.12.91a.83.83 0 0 0 .1.42a2.23 2.23 0 0 0 1.31.88c1.62.7 2.31 1.16 2.74 1.81a3.28 3.28 0 0 1 .26 2.76A3 3 0 0 1 27.31 30a7 7 0 0 1-1.72 0a4.15 4.15 0 0 1-2.3-1.2a4 4 0 0 1-.59-.87l.21-.13l.84-.48l.65-.38l.14.2a3 3 0 0 0 .86.82a2.1 2.1 0 0 0 2.2-.11a1 1 0 0 0 .13-1.25a3.7 3.7 0 0 0-1.55-.9A5.6 5.6 0 0 1 24 24.32a3 3 0 0 1-.62-1.13a4.5 4.5 0 0 1 0-1.44a2.76 2.76 0 0 1 2.32-2.15a5.7 5.7 0 0 1 1.71.05m-5.31.94v.93h-2.94v8.36h-2.08v-8.36h-2.94v-.91a9 9 0 0 1 0-.93h8v.92Z"/></svg>
Comment utiliser l'icône File Type Ng Controller Ts
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:file-type-ng-controller-ts" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:file-type-ng-controller-ts" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:file-type-ng-controller-ts" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-ng-controller-ts]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-ng-controller-ts"></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-ng-controller-ts"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-ng-controller-ts.svg" alt="Icône File Type Ng Controller Ts" width="24" height="24">
Icônes similaires dans VSCode Icons
FAQ : Icône File Type Ng Controller Ts
L'icône File Type Ng Controller Ts 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 Ng Controller Ts dans React ?
Installez @iconify/react et affichez <Icon icon="vscode-icons:file-type-ng-controller-ts" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône File Type Ng Controller Ts à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-ng-controller-ts.svg" alt="Icône File Type Ng Controller Ts">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les VSCode Icons →
