Folders Broken icon
solar:folders-broken
The Folders Broken icon (solar:folders-broken) 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
- foldersbroken, folder
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M17.4277 21.04C16.4678 22 14.9227 22 11.8326 22H8.55508C5.46498 22 3.91994 22 2.95997 21.04C2 20.0801 2 18.535 2 15.4449V9.66805C2 8.94491 2 8.58335 2.05682 8.28217C2.14353 7.82261 2.32478 7.39775 2.57983 7.02832"/><path d="M21.9977 12.9886C21.9829 15.3243 21.872 16.5958 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.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.09187C21.8934 6.67435 21.982 7.51744 21.997 9.0233"/></g></svg>How to use the Folders Broken icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:folders-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:folders-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:folders-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folders-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folders-broken"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:folders-broken"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/folders-broken.svg" alt="Folders Broken icon" width="24" height="24">Related icons in Solar
Folders Broken icon FAQ
Is the Folders Broken 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 Broken icon in React?
Install @iconify/react and render <Icon icon="solar:folders-broken" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Folders Broken icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/folders-broken.svg" alt="Folders Broken icon">, or paste the SVG code inline to style it with CSS.