The HugeIcons list tree icon depicts a hierarchical structure, commonly used to represent nested data, file systems, or organizational charts in user interfaces.
Common uses
- Displaying file or folder structures
- Navigating nested menus or categories
- Visualizing organizational hierarchies
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ListTreeIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ListTreeIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- hierarchy icontree view iconnested list iconfile structure icon
FAQ
- What is the purpose of the list tree icon?
- It visually represents hierarchical or nested data, making it easier for users to understand relationships between items.
- How do I use the ListTreeIcon in React?
- Import both HugeiconsIcon and ListTreeIcon, then render <HugeiconsIcon icon={ListTreeIcon} />.
- What is the license for this icon?
- The ListTreeIcon is available under the MIT license, allowing for free use in both personal and commercial projects.
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 →