The Lucide list collapse icon visually represents the action of hiding or showing detailed content, commonly used for accordions or expandable sections in user interfaces.
Common uses
- Accordion component headers
- Expandable FAQ sections
- Toggling detailed view of list items
Use it in React
Install
npm i lucide-reactImport & render
import { ListCollapse } from 'lucide-react';
<ListCollapse size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- itemscollapseexpanddetailsdisclosureshowhidetoggleaccordionmorelessfoldunfoldlistexpand less
FAQ
- What is the purpose of the list collapse icon?
- It signifies an interactive element that allows users to expand or collapse content, revealing or hiding additional details.
- How do I use this icon in React?
- You can import and use it directly with: import { ListCollapse } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including this 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 →