Icône Folder Type Locale Opened
vscode-icons:folder-type-locale-opened
L'icône Folder Type Locale Opened (vscode-icons:folder-type-locale-opened) 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, localeopened, foldertypelocaleopened
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#7b87db" d="M27.4 5.5h-9.2l-2.1 4.2H4.3v16.8h25.2v-21Zm0 18.7H6.6V11.8h20.8Zm0-14.5h-8.2l1-2.1h7.1v2.1Z"/><path fill="#7b87db" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><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 Opened
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:folder-type-locale-opened" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:folder-type-locale-opened" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:folder-type-locale-opened" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--folder-type-locale-opened]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:folder-type-locale-opened"></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-opened"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/folder-type-locale-opened.svg" alt="Icône Folder Type Locale Opened" width="24" height="24">
Icônes similaires dans VSCode Icons
FAQ : Icône Folder Type Locale Opened
L'icône Folder Type Locale Opened 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 Opened dans React ?
Installez @iconify/react et affichez <Icon icon="vscode-icons:folder-type-locale-opened" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Folder Type Locale Opened à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/vscode-icons/folder-type-locale-opened.svg" alt="Icône Folder Type Locale Opened">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les VSCode Icons →
