The Lucide chevron up icon depicts an upward-pointing chevron, commonly used to indicate actions like scrolling to the top, expanding content, or indicating a selected state.
Common uses
- Scroll to top button
- Expand/collapse section header
- Selected navigation item indicator
Use it in React
Install
npm i lucide-reactImport & render
import { ChevronUp } from 'lucide-react';
<ChevronUp size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- caretkeyboardmaccontrolctrlsuperscriptexponentialpoweraheadfast^dropdownchevronupcaret uparrow up
FAQ
- What is the chevron up icon used for?
- It typically signifies upward movement, selection, or expansion in user interfaces. It can be used for 'scroll to top' buttons or to indicate an expanded state in accordions.
- How do I use the chevron up icon in React?
- You can import and use it directly from the 'lucide-react' library like this: import { ChevronUp } from 'lucide-react'.
- What is the license for the Lucide chevron up icon?
- The Lucide icon library, including the chevron up 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 →