The Lucide list chevrons up down icon depicts two chevrons pointing up and down, commonly used to indicate an expandable or collapsible section, such as an accordion or a details disclosure.
Common uses
- Accordion component header
- Expand/collapse button for a content section
- Toggle for showing/hiding list items
Use it in React
Install
npm i lucide-reactImport & render
import { ListChevronsUpDown } from 'lucide-react';
<ListChevronsUpDown 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 up down icon?
- It visually represents an interactive element that can expand or collapse content, signaling to users that more information is available or can be hidden.
- How do I use this icon in a React project?
- Import it from the 'lucide-react' library like this: import { ListChevronsUpDown } 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 →