Icône Folder Type Css Opened
vscode-icons:folder-type-css-opened
L'icône Folder Type Css Opened (vscode-icons:folder-type-css-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, typecss, cssopened, foldertypecssopened
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#a35be6" 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="#a45ae7" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="#639" d="M12.475 12.475H28.05a2.967 2.967 0 0 1 2.967 2.966v12.61a2.967 2.967 0 0 1-2.967 2.966H15.441a2.967 2.967 0 0 1-2.966-2.967Z"/><path fill="#fff" d="M17.166 27.624v-3.115c0-1.243.797-1.91 2.002-1.91c1.187-.019 1.929.76 1.892 2.076h-1.372c.037-.5-.186-.871-.557-.852c-.463 0-.593.315-.593.908v2.707c0 .575.185.853.593.872c.427 0 .594-.427.557-.909h1.372c.074 1.354-.78 2.151-1.984 2.133c-1.169 0-1.91-.65-1.91-1.91m4.394-.223h1.28c.018.594.204.964.612.964s.556-.24.556-.797c0-.463-.204-.723-.705-.964l-.482-.223c-.853-.408-1.205-.908-1.205-1.91c0-1.112.705-1.89 1.854-1.89s1.762.796 1.78 2.094h-1.242c0-.537-.111-.908-.52-.908c-.37 0-.556.185-.556.649c0 .463.167.649.612.834l.445.204c.946.445 1.354 1.02 1.354 2.096c0 1.279-.723 1.984-1.91 1.984s-1.854-.816-1.873-2.133m4.19 0h1.299c0 .594.204.964.593.964c.39 0 .557-.24.557-.797c0-.463-.186-.723-.705-.964l-.482-.223c-.853-.408-1.187-.908-1.187-1.91c0-1.112.686-1.89 1.854-1.89s1.743.796 1.78 2.094h-1.242c-.018-.537-.13-.908-.538-.908c-.37 0-.537.185-.537.649c0 .463.148.649.593.834l.464.204c.927.445 1.335 1.02 1.335 2.096c0 1.279-.724 1.984-1.91 1.984c-1.187 0-1.855-.816-1.873-2.133z"/></svg>
Comment utiliser l'icône Folder Type Css Opened
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:folder-type-css-opened" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:folder-type-css-opened" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:folder-type-css-opened" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--folder-type-css-opened]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:folder-type-css-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-css-opened"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/folder-type-css-opened.svg" alt="Icône Folder Type Css Opened" width="24" height="24">
Icônes similaires dans VSCode Icons
FAQ : Icône Folder Type Css Opened
L'icône Folder Type Css 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 Css Opened dans React ?
Installez @iconify/react et affichez <Icon icon="vscode-icons:folder-type-css-opened" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Folder Type Css Opened à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/vscode-icons/folder-type-css-opened.svg" alt="Icône Folder Type Css Opened">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les VSCode Icons →
