icons/Huge Icons/hierarchy-filesOpen in browser →

hierarchy-files · Huge Icons

Free SVG hierarchy-files 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.

hierarchy-files icon — Huge IconsFree hierarchy-files SVG icon from Huge Icons, stroke style, MIT licensed.

Tags

  • hierarchy
  • files

Code

HTML / SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m18.965 3.964l-1.48-1.479c-.19-.19-.284-.284-.396-.35a1 1 0 0 0-.248-.102C16.715 2 16.58 2 16.314 2c-1.228 0-1.842 0-2.3.26a2 2 0 0 0-.754.753c-.26.46-.26 1.073-.26 2.3V6.5c0 1.404 0 2.107.337 2.611a2 2 0 0 0 .552.552C14.393 10 15.096 10 16.5 10s2.107 0 2.611-.337a2 2 0 0 0 .552-.552C20 8.607 20 7.896 20 6.475c0-.634 0-.95-.09-1.24a2 2 0 0 0-.14-.337c-.141-.269-.363-.49-.805-.934m0 12.001l-1.48-1.48c-.19-.19-.284-.284-.396-.35a1 1 0 0 0-.248-.102C16.715 14 16.58 14 16.314 14c-1.228 0-1.842 0-2.3.26a2 2 0 0 0-.754.753c-.26.46-.26 1.073-.26 2.3V18.5c0 1.404 0 2.107.337 2.611c.146.218.334.406.552.552c.504.337 1.207.337 2.611.337s2.107 0 2.611-.337c.218-.146.406-.334.552-.552c.337-.504.337-1.215.337-2.636c0-.634 0-.95-.09-1.24a2 2 0 0 0-.14-.337c-.141-.269-.363-.49-.805-.934M10 6H4m0 0V2m0 4v6c0 2.828 0 4.243.879 5.121C5.757 18 7.172 18 10 18"/></svg>
React
// Run: npx sant-icons get huge-hierarchy-files --format react
export function HugeHierarchyFiles(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m18.965 3.964l-1.48-1.479c-.19-.19-.284-.284-.396-.35a1 1 0 0 0-.248-.102C16.715 2 16.58 2 16.314 2c-1.228 0-1.842 0-2.3.26a2 2 0 0 0-.754.753c-.26.46-.26 1.073-.26 2.3V6.5c0 1.404 0 2.107.337 2.611a2 2 0 0 0 .552.552C14.393 10 15.096 10 16.5 10s2.107 0 2.611-.337a2 2 0 0 0 .552-.552C20 8.607 20 7.896 20 6.475c0-.634 0-.95-.09-1.24a2 2 0 0 0-.14-.337c-.141-.269-.363-.49-.805-.934m0 12.001l-1.48-1.48c-.19-.19-.284-.284-.396-.35a1 1 0 0 0-.248-.102C16.715 14 16.58 14 16.314 14c-1.228 0-1.842 0-2.3.26a2 2 0 0 0-.754.753c-.26.46-.26 1.073-.26 2.3V18.5c0 1.404 0 2.107.337 2.611c.146.218.334.406.552.552c.504.337 1.207.337 2.611.337s2.107 0 2.611-.337c.218-.146.406-.334.552-.552c.337-.504.337-1.215.337-2.636c0-.634 0-.95-.09-1.24a2 2 0 0 0-.14-.337c-.141-.269-.363-.49-.805-.934M10 6H4m0 0V2m0 4v6c0 2.828 0 4.243.879 5.121C5.757 18 7.172 18 10 18"/></svg>
  );
}
CLI
npx sant-icons get huge-hierarchy-files

Properties

Name
hierarchy-files
Library
Huge Icons
Style
stroke
License
MIT
Version
1.2.35
Identifier
huge-hierarchy-files

Related from Huge Icons

The hierarchy-files icon ships with Huge Icons, an open-source icon set licensed under MIT. Search for it as "huge icons hierarchy-files", "hierarchy-files svg", or any of its tagged terms (hierarchy, files). 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-hierarchy-files directly into your project. No browser context-switch.