The Phosphor arrow elbow right down icon depicts a directional arrow that turns 90 degrees to the right and then points downwards, commonly used to indicate a path or flow that changes direction.
Common uses
- Navigating to a sub-section or related content.
- Indicating a process step moving downwards and to the right.
- Showing a collapsed or expanded state in a hierarchical menu.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ArrowElbowRightDown } from '@phosphor-icons/react';
<ArrowElbowRightDown size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ArrowElbowRightDown size={24} />thin
<ArrowElbowRightDown size={24} weight="thin" />light
<ArrowElbowRightDown size={24} weight="light" />bold
<ArrowElbowRightDown size={24} weight="bold" />fill
<ArrowElbowRightDown size={24} weight="fill" />duotone
<ArrowElbowRightDown size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- arrows
- Keywords
- directionalpointerpointingarrowheadarrowsarrowelbowrightdowncurved arrow right downturn right down arrowelbow arrowdirectional path
FAQ
- What is the arrow elbow right down icon used for?
- It's used to show a change in direction, specifically turning right and then going down, often for navigation or indicating process flow.
- How do I use this icon in React?
- You can import it from the Phosphor library like this: import { ArrowElbowRightDown } from '@phosphor-icons/react'.
- What is the license for this 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 →