Icône File Type Chef
vscode-icons:file-type-chef
L'icône File Type Chef (vscode-icons:file-type-chef) 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, typechef, filetypechef
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#3f5364" d="M11.791 20.247a6.1 6.1 0 0 0 4.265 1.773V19.5a3.44 3.44 0 0 1-2.483-1.027Zm6.458-9.847l-.933 2.333a3.77 3.77 0 0 1 1.784 1.494h2.716a6.07 6.07 0 0 0-3.567-3.827"/><path fill="#f18b21" d="M10.008 16a6.1 6.1 0 0 0 .513 2.427l2.3-1.027a3.4 3.4 0 0 1-.28-1.4a3.534 3.534 0 0 1 3.509-3.5V9.98A6.045 6.045 0 0 0 10.008 16m7.299 3.267l.933 2.333a6.05 6.05 0 0 0 3.6-3.873h-2.713a3.6 3.6 0 0 1-1.82 1.54"/><path fill="#3f5364" d="M16.047 22.3a6.3 6.3 0 1 1 6.085-8.027h2.436a8.657 8.657 0 1 0 0 3.5h-2.436a6.3 6.3 0 0 1-6.085 4.527"/><path fill="#3f5364" d="M16.047 7.04V4.66a11.325 11.325 0 0 0-10.584 7.233l2.2.84a9.05 9.05 0 0 1 8.384-5.693m0 17.92v2.38a11.37 11.37 0 0 0 11.237-9.567h-2.436a8.936 8.936 0 0 1-8.801 7.187"/><path fill="#f18b21" d="M24.895 14.273h2.389a11.4 11.4 0 0 0-7.121-8.82l-.84 2.193a9.11 9.11 0 0 1 5.572 6.627M7.059 16h-2.39a11.36 11.36 0 0 0 7.168 10.547l.887-2.193A9.03 9.03 0 0 1 7.059 16"/><path fill="#3f5364" d="M27.564 14.273h2.389a14.5 14.5 0 0 0-2.016-5.647l-2.016 1.26a10.46 10.46 0 0 1 1.643 4.387M2 16.009a14.7 14.7 0 0 0 1.241 6.048l2.315-.952a12.45 12.45 0 0 1-1.148-5.1"/><path fill="#f18b21" d="M16.047 27.62a11.63 11.63 0 0 1-8.241-3.407l-1.689 1.68A13.85 13.85 0 0 0 16.047 30A14.08 14.08 0 0 0 30 17.727h-2.389a11.72 11.72 0 0 1-11.564 9.893m0-23.24a11.38 11.38 0 0 1 6.972 2.333L24.475 4.8A13.96 13.96 0 0 0 16.047 2a14.1 14.1 0 0 0-13.114 8.913l2.249.887a11.69 11.69 0 0 1 10.865-7.42"/></svg>
Comment utiliser l'icône File Type Chef
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:file-type-chef" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:file-type-chef" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:file-type-chef" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-chef]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-chef"></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-chef"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-chef.svg" alt="Icône File Type Chef" width="24" height="24">
Icônes similaires dans VSCode Icons
FAQ : Icône File Type Chef
L'icône File Type Chef 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 Chef dans React ?
Installez @iconify/react et affichez <Icon icon="vscode-icons:file-type-chef" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône File Type Chef à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-chef.svg" alt="Icône File Type Chef">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les VSCode Icons →
