The Phosphor arrow line up right icon depicts an arrow pointing diagonally upwards and to the right, commonly used to indicate navigation to a new page, an external link, or an upward trend.
Common uses
- Link to external website
- Navigate to a new section
- Indicate positive growth
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ArrowLineUpRight } from '@phosphor-icons/react';
<ArrowLineUpRight size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ArrowLineUpRight size={24} />thin
<ArrowLineUpRight size={24} weight="thin" />light
<ArrowLineUpRight size={24} weight="light" />bold
<ArrowLineUpRight size={24} weight="bold" />fill
<ArrowLineUpRight size={24} weight="fill" />duotone
<ArrowLineUpRight size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- arrows
- Keywords
- directionalpointerpointingarrowheadarrowsarrowlineuprightoutbound linkexternal link icondiagonal arrow up rightupload icon
FAQ
- What is the arrow line up right icon used for?
- This icon is typically used to signify actions like navigating to an external resource, opening a new tab, or indicating an upward movement or trend.
- How do I use the arrow line up right icon in React?
- You can import and use it in your React application with: import { ArrowLineUpRight } from '@phosphor-icons/react'
- What is the license for the Phosphor arrow line up right icon?
- The Phosphor icon library, including the arrow line up right icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →