devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Icônes de dossier gratuites (SVG)

48 icônes de dossier issues de bibliothèques open source : cliquez sur l’une d’elles pour modifier sa taille, sa couleur et son trait, puis copiez-la en SVG, JSX, data URI ou CSS.

Mis à jour le

folder
Lucidefolder
Tablerfolder
Heroiconsfolder
Phosphorfolder
Bootstrap Iconsfolder
Iconoirfolder-16-filled
Fluent UIfolder
Material Symbolsfolder
Material Design Iconsfolder
Carbonfolder-x
Lucidefolder-filled
Tablerfolder-16-solid
Heroiconsfolder-bold
Phosphorfolder-fill
Bootstrap Iconsfolder-16-regular
Fluent UIfolder-outline
Material Symbolsfolder-outline
Material Design Iconsfolder-add
Carbonfolder-up
Lucidefolder-x
Tablerfolder-20-solid
Heroiconsfolder-duotone
Phosphorfolder-x
Bootstrap Iconsfolder-20-filled
Fluent UIfolder-outline-rounded
Material Symbolsfolder-cog
Material Design Iconsfolder-off
Carbonfolder-cog
Lucidefolder-ai
Tablerfolder-solid
Heroiconsfolder-fill
Phosphorfolder-20-regular
Fluent UIfolder-outline-sharp
Material Symbolsfolder-cog-outline
Material Design Iconsfolder-dot
Lucidefolder-up
Tablerfolder-light
Phosphorfolder-24-filled
Fluent UIfolder-rounded
Material Symbolsfolder-eye
Material Design Iconsfolder-git
Lucidefolder-cog
Tablerfolder-thin
Phosphorfolder-24-regular
Fluent UIfolder-sharp
Material Symbolsfolder-eye-outline
Material Design Iconsfolder-key
Lucide

Utiliser les icônes de dossier

Les dossiers regroupent fichiers et projets ; un dossier ouvert indique l’emplacement actuel.

Toutes les icônes suivent currentColor, elles prennent donc la couleur de texte de l’élément dans lequel elles se trouvent : un même SVG fonctionne sur fonds clairs et sombres, dans les liens comme dans les boutons. Définissez explicitement width et height (ou dimensionnez-les en CSS avec 1em) afin que la mise en page ne bouge pas pendant le chargement de la page.

Icônes accessibles

Si l’icône est décorative ou placée à côté d’un texte visible, ajoutez aria-hidden="true". Si elle est le seul contenu d’un bouton ou d’un lien, attribuez à cet élément un aria-label tel que « Dossier ».

Licences

Ces icônes de dossier proviennent de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons et Carbon : ce sont des bibliothèques open source sous licences MIT, ISC ou Apache 2.0, qui autorisent l’usage personnel et commercial. Besoin d’autre chose ? Recherchez parmi plus de 70 000 icônes dans le SVG Icon Finder.

Questions fréquentes

Ces icônes de dossier sont-elles gratuites pour un usage commercial ?
Oui. Elles proviennent de bibliothèques d’icônes open source sous licences MIT, ISC ou Apache 2.0, qui autorisent l’usage commercial. Conservez la mention de licence si vous redistribuez les fichiers d’icônes eux-mêmes.
Comment changer la couleur d’une icône de dossier ?
Les SVG utilisent currentColor : définissez donc la couleur CSS de l’élément parent, ou ouvrez l’icône dans le moteur de recherche et choisissez une couleur fixe avant de la copier.
Puis-je utiliser ces icônes dans Webflow ou React ?
Oui. Ouvrez une icône et utilisez « Copier pour Webflow » (insère un Code Embed) ou « Copier en JSX » pour un composant React.