Icône Folder Type Sass Opened
vscode-icons:folder-type-sass-opened
L'icône Folder Type Sass Opened (vscode-icons:folder-type-sass-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, typesass, sassopened, foldertypesassopened
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#db7bab" 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="#db7bab" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="#fff" d="M22.308 22.525c-.361.166-.756.382-1.547.816c-.3.169-.614.338-.905.5c-.02-.02-.041-.046-.061-.066c-1.565-1.673-4.46-2.854-4.337-5.1c.046-.818.327-2.967 5.56-5.575c4.307-2.123 7.733-1.534 8.327-.23c.849 1.862-1.836 5.319-6.286 5.821a3.35 3.35 0 0 1-2.813-.711c-.235-.256-.271-.271-.358-.22c-.143.077-.051.307 0 .44a2.63 2.63 0 0 0 1.606 1.263a8.55 8.55 0 0 0 5.217-.517c2.7-1.043 4.8-3.943 4.184-6.373c-.619-2.465-4.711-3.279-8.582-1.9a19.5 19.5 0 0 0-6.593 3.785c-2.133 1.995-2.47 3.729-2.332 4.455c.5 2.578 4.051 4.255 5.473 5.5l-.194.107c-.711.353-3.422 1.77-4.1 3.268c-.767 1.7.123 2.915.711 3.079a4.37 4.37 0 0 0 4.711-1.908a4.72 4.72 0 0 0 .419-4.353a4 4 0 0 1 .537-.358c.363-.215.709-.426 1.016-.589a7.9 7.9 0 0 1 3.356-.742c2.435.286 2.915 1.805 2.823 2.445a1.62 1.62 0 0 1-.772 1.095c-.169.107-.225.143-.21.22c.02.113.1.107.246.087a1.9 1.9 0 0 0 1.326-1.704c.077-1.5-1.355-3.146-3.887-3.13a5.8 5.8 0 0 0-2.209.44q-.168.07-.328.148ZM18.689 28.4c-.808.88-1.933 1.212-2.419.931c-.522-.3-.317-1.6.675-2.532a13 13 0 0 1 1.9-1.417c.118-.072.292-.174.5-.3l.056-.031l.123-.077a3.49 3.49 0 0 1-.835 3.426"/></svg>
Comment utiliser l'icône Folder Type Sass Opened
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:folder-type-sass-opened" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:folder-type-sass-opened" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:folder-type-sass-opened" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--folder-type-sass-opened]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:folder-type-sass-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-sass-opened"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/folder-type-sass-opened.svg" alt="Icône Folder Type Sass Opened" width="24" height="24">
Icônes similaires dans VSCode Icons
FAQ : Icône Folder Type Sass Opened
L'icône Folder Type Sass 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 Sass Opened dans React ?
Installez @iconify/react et affichez <Icon icon="vscode-icons:folder-type-sass-opened" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Folder Type Sass Opened à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/vscode-icons/folder-type-sass-opened.svg" alt="Icône Folder Type Sass Opened">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les VSCode Icons →
