Icône Folder Type Nix
vscode-icons:folder-type-nix
L'icône Folder Type Nix (vscode-icons:folder-type-nix) 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
- foldertype, typenix, foldertypenix
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGZAMsIc6Y" x1="536.24" x2="540.83" y1="1537.03" y2="1544.97" gradientTransform="matrix(.8 0 0 .8 -414.75 -1206.48)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#699ad7"/><stop offset=".24" stop-color="#7eb1dd"/><stop offset="1" stop-color="#7ebae4"/></linearGradient><linearGradient id="SVGeFm8kdsT" x1="979.2" x2="983.79" y1="718.68" y2="726.62" gradientTransform="rotate(59.9 883.564 -368.28)scale(.8)" href="#SVGZAMsIc6Y"/><linearGradient id="SVGAbVVedCq" x1="-392.84" x2="-388.26" y1="1566.6" y2="1574.53" gradientTransform="rotate(-59.9 -1207.903 352.323)scale(.8)" href="#SVGZAMsIc6Y"/><linearGradient id="SVGzsjEceQk" x1="-441.2" x2="-436.61" y1="-45.76" y2="-37.82" gradientTransform="matrix(-.8 0 0 -.8 -325.52 -15.63)" href="#SVGZAMsIc6Y"/><linearGradient id="SVGU4IBWboV" x1="-257.74" x2="-253.23" y1="1973.17" y2="1981.14" gradientTransform="matrix(.8 0 0 .8 220.49 -1555.43)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#415e9a"/><stop offset=".23" stop-color="#4a6baf"/><stop offset="1" stop-color="#5277c3"/></linearGradient><linearGradient id="SVGdAcoNbyI" x1="-306.31" x2="-301.81" y1="360.59" y2="368.55" gradientTransform="rotate(120.1 -31.602 229.209)scale(.8)" href="#SVGU4IBWboV"/><linearGradient id="SVGTmFpyeni" x1="-1681.52" x2="-1677.01" y1="1210.07" y2="1218.04" gradientTransform="rotate(239.9 -928.27 102.1)scale(.8)" href="#SVGU4IBWboV"/></defs><path fill="#4a5e7f" d="M27.5 5.5h-9.3l-2.1 4.2H4.4v16.8h25.2v-21Zm0 4.2h-8.2l1.1-2.1h7.1Z"/><path fill="url(#SVGZAMsIc6Y)" fill-rule="evenodd" d="m16.83 22.29l5 8.69h-2.3l-1.33-2.32L16.86 31h-1.15l-.58-1l1.92-3.3l-1.37-2.38Z"/><path fill="url(#SVGeFm8kdsT)" fill-rule="evenodd" d="m18.64 18.71l-5 8.69l-1.17-2l1.35-2.33h-2.69l-.57-1l.58-1H15l1.37-2.37Z"/><path fill="url(#SVGAbVVedCq)" fill-rule="evenodd" d="M19 25.65h10l-1.13 2h-2.65L26.56 30L26 31h-1.19l-1.89-3.32h-2.74Z"/><path fill="url(#SVGzsjEceQk)" fill-rule="evenodd" d="m24.85 21.85l-5-8.7h2.3l1.33 2.34l1.35-2.32H26l.59 1l-1.92 3.3L26 19.84Z"/><path fill="url(#SVGU4IBWboV)" fill-rule="evenodd" d="m16.83 22.29l5 8.69h-2.3l-1.33-2.32L16.86 31h-1.15l-.58-1l1.92-3.3l-1.37-2.38Z"/><path fill="url(#SVGdAcoNbyI)" fill-rule="evenodd" d="M22.64 18.46h-10l1.13-2h2.68l-1.33-2.33l.57-1h1.17l1.9 3.32h2.73Z"/><path fill="url(#SVGTmFpyeni)" fill-rule="evenodd" d="m23 25.42l5-8.69l1.17 2l-1.35 2.33h2.68l.57 1l-.58 1h-3.77l-1.38 2.37Z"/></svg>
Comment utiliser l'icône Folder Type Nix
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:folder-type-nix" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:folder-type-nix" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:folder-type-nix" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--folder-type-nix]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:folder-type-nix"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vscode-icons:folder-type-nix"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/folder-type-nix.svg" alt="Icône Folder Type Nix" width="24" height="24">
Icônes similaires dans VSCode Icons
FAQ : Icône Folder Type Nix
L'icône Folder Type Nix 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 Folder Type Nix dans React ?
Installez @iconify/react et affichez <Icon icon="vscode-icons:folder-type-nix" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Folder Type Nix à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/vscode-icons/folder-type-nix.svg" alt="Icône Folder Type Nix">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les VSCode Icons →
