The Phosphor arrow elbow right up icon depicts a directional arrow that turns 90 degrees from rightward to upward, commonly used to indicate a path or flow that changes direction.
Common uses
- Navigating to a related or parent section
- Indicating a process step moving to a new stage
- Showing a connection between two distinct UI elements
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ArrowElbowRightUp } from '@phosphor-icons/react';
<ArrowElbowRightUp size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ArrowElbowRightUp size={24} />thin
<ArrowElbowRightUp size={24} weight="thin" />light
<ArrowElbowRightUp size={24} weight="light" />bold
<ArrowElbowRightUp size={24} weight="bold" />fill
<ArrowElbowRightUp size={24} weight="fill" />duotone
<ArrowElbowRightUp size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- arrows
- Keywords
- directionalpointerpointingarrowheadarrowsarrowelbowrightupdirectional arrowcorner arrowup and right arrowelbow pointer
FAQ
- What is the arrow elbow right up icon used for?
- It's used to show a change in direction, like moving from a rightward action to an upward one, often in navigation or process flows.
- How do I use the arrow elbow right up icon in React?
- You can import it directly from the Phosphor React library: `import { ArrowElbowRightUp } from '@phosphor-icons/react'`.
- What is the license for the Phosphor arrow elbow right up 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 →