The Lucide list chevrons down up icon visually represents the ability to expand or collapse a list or section, commonly used to toggle the visibility of details or options.
Common uses
- Accordion component to show/hide content sections.
- Toggling visibility of advanced filter options.
- Expanding/collapsing a list of items to reveal more information.
Use it in React
Install
npm i lucide-reactImport & render
import { ListChevronsDownUp } from 'lucide-react';
<ListChevronsDownUp size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- optionsitemscollapseexpanddetailsdisclosureshowhidetoggleaccordionmorelessfoldunfoldverticallist
FAQ
- What is the purpose of the list chevrons down up icon?
- It indicates that content can be expanded or collapsed, allowing users to show or hide details, options, or list items.
- How do I use this icon in React?
- You can import and use it like this: import { ListChevronsDownUp } 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 →