Folders Bold icon
solar:folders-bold
The Folders Bold icon (solar:folders-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Tags
- foldersbold, folder
SVG code
<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>How to use the Folders Bold icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/solar/folders-bold.svg" alt="Folders Bold icon" width="24" height="24">Related icons in Solar
Folders Bold icon in other icon sets
Folders Bold icon FAQ
Is the Folders Bold icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Folders Bold icon in React?
Install @iconify/react and render <Icon icon="solar:folders-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Folders Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/folders-bold.svg" alt="Folders Bold icon">, or paste the SVG code inline to style it with CSS.