The Lucide list tree icon visually represents hierarchical data structures, commonly used to display nested lists, file system navigation, or organizational charts.
Common uses
- File explorer navigation
- Category/subcategory menus
- Organizational chart display
Use it in React
Install
npm i lucide-reactImport & render
import { ListTree } from 'lucide-react';
<ListTree size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- treebrowserlisthierarchynested listfile treedirectory
FAQ
- What is the list tree icon used for?
- It's ideal for showing hierarchical data, like file structures or nested menus, allowing users to navigate through different levels.
- How do I use the list tree icon in React?
- You can import and use it directly with the following statement: import { ListTree } from 'lucide-react'.
- What is the license for the Lucide list tree icon?
- The Lucide icon library, including the list tree icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →