Icône Folders Bold
solar:folders-bold
L'icône Folders Bold (solar:folders-bold) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Solar
- Auteur
- 480 Design
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Mots-clés
- foldersbold, folder
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.04785 5.85352C3.96731 6.05229 3.90409 6.26025 3.86328 6.47656C3.80646 6.77773 3.80664 7.13923 3.80664 7.8623V13.6396C3.80664 16.7295 3.80667 18.2744 4.7666 19.2344C5.72659 20.1941 7.2715 20.1943 10.3613 20.1943H13.6387C15.7315 20.1943 17.1152 20.1928 18.0889 19.8945C17.9468 20.3589 17.7377 20.7301 17.4277 21.04C16.4678 22 14.9228 22 11.833 22H8.55469C5.46487 22 3.91989 22 2.95996 21.04C2.00012 20.0801 2 18.5352 2 15.4453V9.66797C2 8.94504 1.99982 8.58336 2.05664 8.28223C2.26609 7.17238 3.02778 6.26642 4.04785 5.85352Z"/><path d="M9.66797 2C9.98481 2 10.1437 2.00041 10.2959 2.01465C10.9521 2.07608 11.5746 2.33336 12.082 2.75391C12.1997 2.85148 12.3122 2.96352 12.5361 3.1875L12.9863 3.63867C13.6548 4.30711 13.9894 4.64159 14.3896 4.86426C14.6095 4.98656 14.843 5.08338 15.085 5.15234C15.5253 5.27779 15.9983 5.27734 16.9434 5.27734H17.249C19.4059 5.27734 20.4845 5.27772 21.1855 5.9082C21.2499 5.96612 21.3112 6.0274 21.3691 6.0918C21.9996 6.7928 22 7.8714 22 10.0283V11.833C22 14.9228 22 16.4678 21.04 17.4277C20.0801 18.3877 18.5351 18.3877 15.4453 18.3877H12.167C9.07716 18.3877 7.53219 18.3877 6.57227 17.4277C5.61234 16.4678 5.6123 14.9228 5.6123 11.833V6.05566C5.6123 5.33265 5.61214 4.97107 5.66895 4.66992C5.9191 3.34409 6.9564 2.30679 8.28223 2.05664C8.58338 1.99983 8.94496 2 9.66797 2Z"/></g></svg>Comment utiliser l'icône Folders Bold
React
import { Icon } from "@iconify/react";
<Icon icon="solar:folders-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:folders-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:folders-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folders-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folders-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:folders-bold"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/solar/folders-bold.svg" alt="Icône Folders Bold" width="24" height="24">Icônes similaires dans Solar
L'icône Folders Bold dans d'autres collections
FAQ : Icône Folders Bold
L'icône Folders Bold est-elle gratuite pour un usage commercial ?
Oui. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Folders Bold dans React ?
Installez @iconify/react et affichez <Icon icon="solar:folders-bold" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Folders Bold à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/folders-bold.svg" alt="Icône Folders Bold">, ou collez le code SVG directement dans la page pour le styliser en CSS.