Folders Bold Duotone icon
solar:folders-bold-duotone
The Folders Bold Duotone icon (solar:folders-bold-duotone) 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, boldduotone, foldersboldduotone, 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="M17.4277 21.0403C16.4678 22.0002 14.9227 22.0002 11.8326 22.0002H8.55508C5.465 22.0002 3.91994 22.0002 2.95997 21.0403C2 20.0803 2 18.5352 2 15.4451V9.66827C2 8.94514 2 8.58357 2.05682 8.2824C2.30697 6.95657 3.34404 5.9195 4.66987 5.66935C4.90221 5.62551 5.61296 5.61719 5.61296 5.61719L5.6123 6.05567V11.8325C5.6123 14.9226 5.6123 16.4677 6.57227 17.4276C7.53224 18.3876 9.07729 18.3876 12.1674 18.3876H15.4449C16.7071 18.3876 17.5195 18.3633 18.3358 18.336C18.2506 19.6183 18.0252 20.4427 17.4277 21.0403Z"/><path d="M5.6123 6.05575C5.6123 5.33261 5.6123 4.97105 5.66913 4.66987C5.91928 3.34404 6.95635 2.30697 8.28218 2.05682C8.58335 2 8.94492 2 9.66805 2C9.98489 2 10.1433 2 10.2956 2.01424C10.9519 2.07562 11.5746 2.33352 12.0821 2.75426C12.1998 2.85184 12.3119 2.96386 12.5359 3.1879L12.9868 3.63877C13.6552 4.30721 13.9894 4.64143 14.3897 4.8641C14.6095 4.98642 14.8427 5.08302 15.0847 5.15199C15.5251 5.27754 15.9978 5.27754 16.9431 5.27754H17.2493C19.4062 5.27754 20.4847 5.27754 21.1857 5.90803C21.2501 5.96602 21.3115 6.02739 21.3695 6.09187C22 6.79287 22 7.87133 22 10.0283V11.8326C22 14.9227 22 16.4678 21.04 17.4277C20.0801 18.3877 18.535 18.3877 15.4449 18.3877H12.1674C9.07729 18.3877 7.53224 18.3877 6.57227 17.4277C5.6123 16.4678 5.6123 14.9227 5.6123 11.8326V6.05575Z" opacity=".5"/></g></svg>How to use the Folders Bold Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:folders-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:folders-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:folders-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folders-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folders-bold-duotone"></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-duotone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/folders-bold-duotone.svg" alt="Folders Bold Duotone icon" width="24" height="24">Related icons in Solar
Folders Bold Duotone icon FAQ
Is the Folders Bold Duotone 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 Duotone icon in React?
Install @iconify/react and render <Icon icon="solar:folders-bold-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Folders Bold Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/folders-bold-duotone.svg" alt="Folders Bold Duotone icon">, or paste the SVG code inline to style it with CSS.