Folder Tree Broken icon

solar:folder-tree-broken

The Folder Tree Broken icon (solar:folder-tree-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: foldertree, treebroken, foldertreebroken

Download SVG

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="M12.8779 3.38481C13.0177 2.69713 13.5969 2.15922 14.3375 2.02947C14.5058 2 14.7077 2 15.1117 2C15.2886 2 15.3771 2 15.4622 2.00738C15.8288 2.03922 16.1766 2.17299 16.4601 2.39122C16.5259 2.44184 16.5884 2.49994 16.7136 2.61614L16.9654 2.85C17.3388 3.19671 17.5255 3.37006 17.749 3.48556C17.8719 3.549 18.0021 3.59911 18.1373 3.63488C18.3833 3.7 18.6473 3.7 19.1754 3.7H19.3464C20.5512 3.7 21.1536 3.7 21.5452 4.02702C21.5812 4.0571 21.6155 4.08893 21.6479 4.12238C22 4.48597 22 5.04535 22 6.16411V7.1C22 8.70278 22 9.50416 21.4638 10.0021C20.9276 10.5 20.0646 10.5 18.3385 10.5H16.5077C14.7817 10.5 13.9186 10.5 13.3824 10.0021C12.8462 9.50416 12.8462 8.70278 12.8462 7.1"/><path d="M12.8784 14.8848C13.0181 14.1971 13.5974 13.6592 14.338 13.5295C14.5062 13.5 14.7082 13.5 15.1121 13.5C15.2891 13.5 15.3776 13.5 15.4627 13.5074C15.8293 13.5392 16.1771 13.673 16.4606 13.8912C16.5263 13.9418 16.5889 13.9999 16.7141 14.1161L16.9659 14.35C17.3393 14.6967 17.526 14.8701 17.7495 14.9856C17.8723 15.049 18.0026 15.0991 18.1378 15.1349C18.3838 15.2 18.6478 15.2 19.1758 15.2H19.3469C20.5517 15.2 21.1541 15.2 21.5457 15.527C21.5817 15.5571 21.616 15.5889 21.6483 15.6224C22.0005 15.986 22.0005 16.5454 22.0005 17.6641V18.6C22.0005 20.2028 22.0005 21.0042 21.4643 21.5021C20.9281 22 20.0651 22 18.339 22H16.5082C14.7822 22 13.9191 22 13.3829 21.5021C12.8467 21.0042 12.8467 20.2028 12.8467 18.6"/><path d="M2.00041 2L2 14.3887C2 17.077 3.85076 17.749 4.77614 17.749H8.99287M8.99287 6.25H4.77614C3.85076 6.25 2 5.57793 2 2.88965"/></g></svg>

How to use the Folder Tree Broken icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:folder-tree-broken" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:folder-tree-broken" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:folder-tree-broken" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folder-tree-broken]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folder-tree-broken"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:folder-tree-broken"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/folder-tree-broken.svg" alt="Folder Tree Broken icon" width="24" height="24">

Related icons in Solar

Folder Tree Broken icon FAQ

Is the Folder Tree 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 Folder Tree Broken icon in React?

Install @iconify/react and render <Icon icon="solar:folder-tree-broken" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Folder Tree Broken icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/folder-tree-broken.svg" alt="Folder Tree Broken icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →