The Lucide arrow up left icon depicts a diagonal arrow pointing towards the northwest, commonly used to indicate a return, previous step, or a move in that direction within a user interface.
Common uses
- Navigate back to a previous screen or page
- Indicate a 'previous' or 'back' action in a carousel or list
- Represent a northwest direction on a map or compass
Use it in React
Install
npm i lucide-reactImport & render
import { ArrowUpLeft } from 'lucide-react';
<ArrowUpLeft size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- directionnorth-westdiagonalarrowupleftnorthwest arrowback arrowdiagonal up leftprevious arrow
FAQ
- What is the arrow up left icon used for?
- It's typically used for navigation actions like going back, returning to a previous state, or indicating movement towards the northwest.
- How do I use the arrow up left icon in React?
- You can import and use it directly from the 'lucide-react' library like this: import { ArrowUpLeft } from 'lucide-react'.
- What is the license for the Lucide arrow up left icon?
- The Lucide icon library, including the arrow up left 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 →