The Lucide arrow up icon visually represents upward movement or direction, commonly used to indicate actions like scrolling to the top, increasing values, or navigating upwards.
Common uses
- Scroll to top button
- Sort ascending
- Expand/collapse section
Use it in React
Install
npm i lucide-reactImport & render
import { ArrowUp } from 'lucide-react';
<ArrowUp size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- forwarddirectionnortharrowupupward arrowincreasetop
FAQ
- What is the arrow up icon used for?
- It signifies upward movement, direction, or increase. Common uses include scrolling to the top of a page or indicating an ascending sort order.
- How do I use the arrow up icon in React?
- Import it from the lucide-react library like this: import { ArrowUp } from 'lucide-react'. Then use it as a component: <ArrowUp />.
- What is the license for the Lucide arrow up icon?
- The Lucide icon library, including the arrow 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 →