The HugeIcons hierarchy files icon visually represents a structured arrangement of files or data, often used to indicate organizational structure, file systems, or nested relationships in a user interface.
Common uses
- Displaying folder structures
- Representing file system navigation
- Indicating nested data or categories
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { HierarchyFilesIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={HierarchyFilesIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- nested filesfile structureorganizational charttree view
FAQ
- What does the hierarchy files icon represent?
- It depicts a structured arrangement of files, commonly used for file systems, organizational charts, or nested data.
- How do I use the HierarchyFilesIcon in React?
- Import both HugeiconsIcon and HierarchyFilesIcon, then render <HugeiconsIcon icon={HierarchyFilesIcon} />.
- What is the license for this icon?
- The HierarchyFilesIcon is part of the HugeIcons library and is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →