The Phosphor arrow elbow up right icon depicts a directional arrow that bends at a right angle, moving upwards and to the right, commonly used to indicate a path or action moving in that specific direction.
Common uses
- Navigating to a related or parent section
- Indicating a 'next step' in a process
- Signaling an external link or redirect
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ArrowElbowUpRight } from '@phosphor-icons/react';
<ArrowElbowUpRight size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ArrowElbowUpRight size={24} />thin
<ArrowElbowUpRight size={24} weight="thin" />light
<ArrowElbowUpRight size={24} weight="light" />bold
<ArrowElbowUpRight size={24} weight="bold" />fill
<ArrowElbowUpRight size={24} weight="fill" />duotone
<ArrowElbowUpRight size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- arrows
- Keywords
- directionalpointerpointingarrowheadarrowsarrowelbowuprightup right bend arrowcorner arrowdirectional pointer
FAQ
- What is the arrow elbow up right icon used for?
- It's used to show a directional path or action moving upwards and to the right, often for navigation or indicating a next step.
- How do I use the arrow elbow up right icon in React?
- Import it from the library like this: import { ArrowElbowUpRight } from '@phosphor-icons/react'. Then use it as a component: <ArrowElbowUpRight />.
- What is the license for the Phosphor arrow elbow up right icon?
- The Phosphor icon library, including this 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 →