Icône Folder Type Module

vscode-icons:folder-type-module

L'icône Folder Type Module (vscode-icons:folder-type-module) 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, typemodule, foldertypemodule

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="#55bdbf" 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="#007f7c" d="M15.907 28.452q2.262 1.26 4.525 2.528a.12.12 0 0 0 .138 0q2.262-1.26 4.526-2.527c.026-.014.05-.03.082-.049l-.086-.05q-.752-.415-1.494-.84a.14.14 0 0 0-.16 0l-2.86 1.6a.14.14 0 0 1-.155 0q-1.435-.805-2.875-1.608a.12.12 0 0 0-.131 0q-.76.428-1.523.852c-.02.011-.04.024-.068.042a1 1 0 0 0 .081.052"/><path fill="#7f7c00" d="m10.984 20.526l-.005-.6c0-1.328-.02-2.64-.02-3.968a.1.1 0 0 1 .071-.106c1.3-.619 3.221-1.635 4.517-2.255c.023-.011.117-.062.15-.076v1.767a.094.094 0 0 1-.065.1c-.762.362-2.2 1.182-2.963 1.544a.1.1 0 0 0-.071.1c0 .763.011 1.753.014 2.513a.1.1 0 0 1-.058.1c-.514.287-1.57.881-1.57.881"/><path fill="#7c007f" d="M28.384 19.647a.1.1 0 0 1-.058-.1c0-.76.014-1.75.014-2.513a.1.1 0 0 0-.07-.1c-.762-.362-2.2-1.182-2.963-1.544a.1.1 0 0 1-.066-.1v-1.773c.033.014.128.065.151.076c1.3.62 3.221 1.636 4.516 2.255a.1.1 0 0 1 .071.106c0 1.328-.02 2.64-.02 3.968v.6s-1.059-.59-1.575-.875"/><path fill="#7f0000" d="M24.539 14.4v2.078a.12.12 0 0 1-.07.118q-1.953 1.089-3.906 2.183a.12.12 0 0 1-.131 0q-1.954-1.093-3.907-2.182a.11.11 0 0 1-.066-.113v-4.168a.11.11 0 0 1 .065-.113q1.955-1.087 3.907-2.18a.12.12 0 0 1 .139 0q1.944 1.089 3.893 2.172a.13.13 0 0 1 .076.133v2.066Z"/><path fill="#fff" d="m19.02 12.744l1.425.777a.11.11 0 0 0 .111 0q.714-.392 1.432-.782c.017-.009.032-.023.05-.034q-.01-.013-.016-.016q-.736-.414-1.481-.825a.11.11 0 0 0-.094.007q-.209.113-.42.231l-1.075.6zm.673 3.71V15.01c0-.055-.029-.068-.065-.087l-1.47-.8q-.033-.018-.072-.035v1.459c0 .053.029.069.065.089l1.47.822l.073.037a.1.1 0 0 1-.001-.041m3.186-2.354q-.761.415-1.524.827c-.048.025-.047.058-.047.1v1.465l.044-.02l1.522-.85a.09.09 0 0 0 .048-.1v-1.438a.2.2 0 0 0-.043.016"/><path fill="#00007f" d="M31 24.057v2.078a.12.12 0 0 1-.069.119q-1.955 1.089-3.907 2.182a.12.12 0 0 1-.131 0q-1.953-1.093-3.907-2.181a.115.115 0 0 1-.066-.114v-4.164a.11.11 0 0 1 .065-.113q1.954-1.088 3.907-2.18a.13.13 0 0 1 .139 0q1.944 1.091 3.893 2.173a.13.13 0 0 1 .076.132z"/><path fill="#fff" d="M25.48 22.405q.716.389 1.425.777a.11.11 0 0 0 .111 0l1.432-.781l.051-.035q-.011-.012-.017-.016q-.735-.414-1.481-.825a.11.11 0 0 0-.093.007c-.141.074-.279.154-.42.231l-1.076.6zm.674 3.71v-1.444c0-.055-.03-.068-.066-.087l-1.47-.8l-.072-.036v1.46c0 .052.029.068.065.088l1.47.822q.032.018.074.037a.1.1 0 0 1-.001-.04m3.186-2.351q-.763.415-1.525.827c-.047.025-.046.058-.046.1v1.465l.043-.02q.76-.426 1.522-.85c.047-.025.048-.057.048-.1v-1.441z"/><path fill="#007f00" d="M18.08 24.057v2.078a.12.12 0 0 1-.069.119q-1.954 1.089-3.906 2.182a.12.12 0 0 1-.132 0q-1.953-1.093-3.906-2.181a.11.11 0 0 1-.067-.114v-4.164a.11.11 0 0 1 .065-.113q1.954-1.088 3.906-2.18a.13.13 0 0 1 .14 0q1.944 1.091 3.893 2.173a.13.13 0 0 1 .075.132z"/><path fill="#fff" d="m12.562 22.405l1.425.777a.1.1 0 0 0 .11 0l1.433-.781l.05-.035q-.01-.012-.017-.016q-.735-.414-1.48-.825a.11.11 0 0 0-.094.007c-.141.074-.278.154-.42.231l-1.075.6zm.673 3.71v-1.444c0-.055-.029-.068-.065-.087l-1.47-.8l-.073-.036v1.46c0 .052.03.068.065.088l1.471.822q.033.018.073.037a.1.1 0 0 1-.001-.04m3.186-2.351q-.761.415-1.525.827c-.047.025-.046.058-.046.1v1.465l.043-.02q.761-.426 1.523-.85c.046-.025.047-.057.047-.1v-1.441z"/></svg>

Comment utiliser l'icône Folder Type Module

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Image HTML

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

Icônes similaires dans VSCode Icons

FAQ : Icône Folder Type Module

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

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

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

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

Voir toutes les VSCode Icons →