The Lucide chevron down icon depicts a downward-pointing chevron, commonly used to indicate collapsing sections, dropdown menus, or a direction downwards.
Common uses
- Collapsible content sections
- Dropdown menu indicators
- Pagination or navigation controls
Use it in React
Install
npm i lucide-reactImport & render
import { ChevronDown } from 'lucide-react';
<ChevronDown size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- backwardsreverseslowdropdownchevrondowncaret downarrow downcollapsedropdown arrow
FAQ
- What is the chevron down icon used for?
- It visually signifies a downward direction, often used for expanding/collapsing content, dropdowns, or indicating a lower position.
- How do I use the chevron down icon in React?
- You can import it from 'lucide-react' like this: import { ChevronDown } from 'lucide-react'.
- What is the license for Lucide icons?
- Lucide icons, including chevron down, are 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 →