Icône File Type Grit
vscode-icons:file-type-grit
L'icône File Type Grit (vscode-icons:file-type-grit) 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, typegrit, filetypegrit
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#2d1dff" d="M28.6 12.1a6 6 0 0 0 1.23-4.06a.4.4 0 0 0-.42-.38a.4.4 0 0 0-.38.42a5.18 5.18 0 0 1-1.06 3.53c.23.15.44.3.63.49m-9.43 1.87s-2.01-2.49-3.26-2.86a1.9 1.9 0 0 0-1.97.48c.3-.17.66-.26 1.02-.26c.79 0 1.86.34 4.21 2.64m-8.94-2.38a2.07 2.07 0 0 1 1.43-.23s-.6-.47-1.5-.05c-1.61.76-1.6 3.26-1.6 3.26c.23-1.24.66-2.4 1.67-2.99zm.52.32c-1.25.44-1.5 2.2-1.53 3.79c.2-1.93.64-2.99 1.4-3.42c.2-.1.4-.16.64-.16c.26 0 .55.07.88.23c0 0-.57-.73-1.39-.44m3.59.37c.8-.46 1.76.13 2.5.69c.66.5 1.47 1.23 2.4 2.19c0 0-2.3-3.1-3.65-3.34a1.47 1.47 0 0 0-1.74.87c.14-.16.3-.3.49-.4zm11.4 1.78a.74.74 0 1 1 0-1.48a.74.74 0 0 1 0 1.48m-13.5 3.04c.13-.06.6.43 1.18 1.09l-1.61.3c.11-.73.25-1.31.43-1.4zm17.2-3.14a4.63 4.63 0 0 0-2.67-2.55c.38-.99.69-2.61-.15-4.57a.4.4 0 0 0-.73.31c.75 1.75.45 3.2.11 4.02a6 6 0 0 0-.4-.08a1.7 1.7 0 0 0-1.93 1.19l-1.03 3.52l-3.3.8c-1.7-1.84-3.9-3.94-4.67-3.5c-.45.25-.7.87-.82 1.7c-1.22-1.15-2.37-2-2.87-1.7c-.5.28-.8 1.2-.96 2.4l-.01.1v.03l-.02.13v.04l-.01.1v.03l-.02.13v.04l-.02.1v.15l-.01.04l-.01.13v.05l-.01.1v.05l-.02.13v.2l-.01.11v.04l-.01.13v.06l-.01.1v.05l-.01.14v.21l-.01.11v.24l-.01.1v.26l-.01.09v.06l-.03 2.05s-.12-.91-.22-2c-4.36.59-7.62.59-7.62.59s-.71 2.97 5.29 3.04c.4.53 1.19.94 2.48 1.21l-.08.85h-.97a.46.46 0 1 0 0 .92h1.58c.23 0 .42-.16.46-.39l.2-1.2l.25-1.52s.05.8 0 1.55a18 18 0 0 0 1.53.11c-.02.2-.03.37-.06.53h-.96a.46.46 0 1 0 0 .92h1.58c.23 0 .42-.16.46-.38c.05-.34.1-.69.17-1.02c1.69.03 3.2-.04 4.54-.2c.04.38.06.76.06 1.13c0 .26.22.48.48.48h1.6a.48.48 0 1 0 0-.96l-1.19.04l-.08-.8a15 15 0 0 0-.61-3.15s.6 1.11.8 3.12a22 22 0 0 0 2.05-.41c.1.55.15 1.13.15 1.68c0 .26.22.48.48.48h1.6a.48.48 0 0 0 0-.96l-1.19.03s-.05-.65-.16-1.48c3.6-1.94 3.91-4.89 3.91-4.89c-2.13-.65-2.39-2-2.39-2c.83 1.22 2.58 1.6 2.58 1.6c2.22.38 4.42-.31 2.92-3.78z"/></svg>
Comment utiliser l'icône File Type Grit
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:file-type-grit" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:file-type-grit" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:file-type-grit" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-grit]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-grit"></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-grit"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-grit.svg" alt="Icône File Type Grit" width="24" height="24">
Icônes similaires dans VSCode Icons
FAQ : Icône File Type Grit
L'icône File Type Grit 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 Grit dans React ?
Installez @iconify/react et affichez <Icon icon="vscode-icons:file-type-grit" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône File Type Grit à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-grit.svg" alt="Icône File Type Grit">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les VSCode Icons →
