Icône Folder Type Locale

vscode-icons:folder-type-locale

L'icône Folder Type Locale (vscode-icons:folder-type-locale) 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, typelocale, foldertypelocale

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#5561bf" 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="#d9d9d9" d="M29.6 31a1.39 1.39 0 0 0 1.4-1.376V15.591a1.39 1.39 0 0 0-1.4-1.376H15.968L21.439 31Z"/><path fill="#4352b8" d="M25.03 27.035L21.464 31l-1.297-3.965z"/><path fill="#617d8b" d="M29.673 20.03v-.82h-3.955v-1.326h-1.283v1.325H21.91v.82h5.023a7.3 7.3 0 0 1-1.441 2.535c-1.027-1.214-1.031-1.609-1.031-1.609H23.4s.044.591 1.483 2.278a10 10 0 0 1-.822.761l.328 1.024s.494-.425 1.115-1.083a46 46 0 0 0 2.459 2.449l.673-.673c-1.111-1.008-1.925-1.807-2.522-2.449a7.45 7.45 0 0 0 1.786-3.234h1.775Z"/><path fill="#4f8bf5" d="M11.4 10a1.4 1.4 0 0 0-1.4 1.4v14.24a1.4 1.4 0 0 0 1.4 1.4h13.632L19.561 10Z"/><path fill="#fff" d="M21.242 14.216H29.6a1.39 1.39 0 0 1 1.4 1.375v8.419Z" opacity=".2"/><path fill="#f2f2f2" d="M13.792 18.856c.458-1.18.908-2.362 1.365-3.542h1.327q.107.273.212.548c.335.865.665 1.732 1 2.6s.659 1.714.989 2.572l.267.692h-1.165q-.249-.758-.494-1.518h-2.944q-.245.76-.493 1.518h-1.165l1.1-2.866m.886.5h2.288c-.382-1-.76-2.008-1.144-3.011c-.384 1.003-.761 2.009-1.143 3.012Z"/></svg>

Comment utiliser l'icône Folder Type Locale

React

import { Icon } from "@iconify/react";

<Icon icon="vscode-icons:folder-type-locale" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="vscode-icons:folder-type-locale" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="vscode-icons:folder-type-locale" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--folder-type-locale]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:folder-type-locale"></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-locale"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/folder-type-locale.svg" alt="Icône Folder Type Locale" width="24" height="24">

Icônes similaires dans VSCode Icons

FAQ : Icône Folder Type Locale

L'icône Folder Type Locale 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 Locale dans React ?

Installez @iconify/react et affichez <Icon icon="vscode-icons:folder-type-locale" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Folder Type Locale à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/vscode-icons/folder-type-locale.svg" alt="Icône Folder Type Locale">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les VSCode Icons →