The Lucide chevrons up down icon depicts two sets of chevrons, one pointing up and one pointing down, typically used to indicate an expandable or collapsible section, or a sortable column.
Common uses
- Expand/collapse content sections
- Indicate sortable table columns
- Toggle visibility of elements
Use it in React
Install
npm i lucide-reactImport & render
import { ChevronsUpDown } from 'lucide-react';
<ChevronsUpDown size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- expandunfoldverticalchevronsupdownexpand collapsesort icontogglevertical arrows
FAQ
- What is the chevrons up down icon used for?
- It's commonly used to represent actions like expanding/collapsing content, sorting data, or toggling the visibility of UI elements.
- How do I use the chevrons up down icon in React?
- You can import and use it like this: import { ChevronsUpDown } from 'lucide-react'
- What is the license for the Lucide chevrons up down icon?
- The Lucide icon library, including the chevrons up down 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 →