The Lucide arrow up right icon depicts an arrow pointing diagonally upwards and to the right, commonly used to indicate an external link, a new tab, or an upward trend.
Common uses
- Indicating an external link destination
- Signifying a new tab opening
- Representing growth or an upward trend
Use it in React
Install
npm i lucide-reactImport & render
import { ArrowUpRight } from 'lucide-react';
<ArrowUpRight size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- directionnorth-eastdiagonalarrowuprightexternal linknew tabupward trendnorth east
FAQ
- What is the arrow up right icon used for?
- It's typically used to show that a link goes to an external website, opens in a new tab, or represents an upward movement or positive trend.
- How do I use the arrow up right icon in React?
- You can import and use it like this: import { ArrowUpRight } from 'lucide-react'.
- What is the license for the Lucide arrow up right icon?
- The Lucide icon library, including the arrow up right 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 →