folder-tree · Huge Icons
Free SVG folder-tree icon from Huge Icons. Rendered at 24×24 in the stroke style and licensed under MIT. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for MIT licensed icons.
Tags
- folder
- tree
Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M12 7V5.333c0-.777 0-1.166.14-1.467a1.5 1.5 0 0 1 .726-.725C13.168 3 13.556 3 14.333 3c.408 0 .611 0 .8.05c.2.052.386.146.548.274c.152.12.275.284.519.61L17 5h1.5c.935 0 1.402 0 1.75.201a1.5 1.5 0 0 1 .549.549C21 6.098 21 6.565 21 7.5s0 1.402-.201 1.75a1.5 1.5 0 0 1-.549.549c-.348.201-.815.201-1.75.201H15c-1.414 0-2.121 0-2.56-.44C12 9.122 12 8.415 12 7m0 11v-1.667c0-.777 0-1.165.14-1.467a1.5 1.5 0 0 1 .726-.726c.302-.14.69-.14 1.467-.14c.408 0 .611 0 .8.05c.2.052.386.146.548.274c.152.12.275.284.519.61L17 16h1.5c.935 0 1.402 0 1.75.201a1.5 1.5 0 0 1 .549.549c.201.348.201.815.201 1.75s0 1.402-.201 1.75a1.5 1.5 0 0 1-.549.549c-.348.201-.815.201-1.75.201H15c-1.414 0-2.121 0-2.56-.44C12 20.122 12 19.415 12 18M8 7H7c-.93 0-1.395 0-1.776-.102a3 3 0 0 1-2.122-2.122C3 4.395 3 3.93 3 3"/><path d="M3 3v10c0 1.87 0 2.804.402 3.5A3 3 0 0 0 4.5 17.598C5.196 18 6.13 18 8 18"/></g></svg>
// Run: npx sant-icons get huge-folder-tree --format react
export function HugeFolderTree(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M12 7V5.333c0-.777 0-1.166.14-1.467a1.5 1.5 0 0 1 .726-.725C13.168 3 13.556 3 14.333 3c.408 0 .611 0 .8.05c.2.052.386.146.548.274c.152.12.275.284.519.61L17 5h1.5c.935 0 1.402 0 1.75.201a1.5 1.5 0 0 1 .549.549C21 6.098 21 6.565 21 7.5s0 1.402-.201 1.75a1.5 1.5 0 0 1-.549.549c-.348.201-.815.201-1.75.201H15c-1.414 0-2.121 0-2.56-.44C12 9.122 12 8.415 12 7m0 11v-1.667c0-.777 0-1.165.14-1.467a1.5 1.5 0 0 1 .726-.726c.302-.14.69-.14 1.467-.14c.408 0 .611 0 .8.05c.2.052.386.146.548.274c.152.12.275.284.519.61L17 16h1.5c.935 0 1.402 0 1.75.201a1.5 1.5 0 0 1 .549.549c.201.348.201.815.201 1.75s0 1.402-.201 1.75a1.5 1.5 0 0 1-.549.549c-.348.201-.815.201-1.75.201H15c-1.414 0-2.121 0-2.56-.44C12 20.122 12 19.415 12 18M8 7H7c-.93 0-1.395 0-1.776-.102a3 3 0 0 1-2.122-2.122C3 4.395 3 3.93 3 3"/><path d="M3 3v10c0 1.87 0 2.804.402 3.5A3 3 0 0 0 4.5 17.598C5.196 18 6.13 18 8 18"/></g></svg>
);
}npx sant-icons get huge-folder-tree
Properties
- Name
- folder-tree
- Library
- Huge Icons
- Style
- stroke
- License
- MIT
- Version
- 1.2.35
- Identifier
- huge-folder-tree
folder-tree in other libraries
Related from Huge Icons
The folder-tree icon ships with Huge Icons, an open-source icon set licensed under MIT. Search for it as "huge icons folder-tree", "folder-tree svg", or any of its tagged terms (folder, tree). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.
Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch huge-folder-tree directly into your project. No browser context-switch.