The Phosphor arrow elbow down right icon depicts a directional arrow with an elbow bend, commonly used to indicate a path or action moving downwards and to the right in a user interface.
Common uses
- Navigating to a sub-section or detail view.
- Indicating a download or export action.
- Showing a workflow step moving to the next stage.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ArrowElbowDownRight } from '@phosphor-icons/react';
<ArrowElbowDownRight size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ArrowElbowDownRight size={24} />thin
<ArrowElbowDownRight size={24} weight="thin" />light
<ArrowElbowDownRight size={24} weight="light" />bold
<ArrowElbowDownRight size={24} weight="bold" />fill
<ArrowElbowDownRight size={24} weight="fill" />duotone
<ArrowElbowDownRight size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- arrows
- Keywords
- directionalpointerpointingarrowheadarrowsarrowelbowdownrightdown right arrowcorner arrowbent arrowarrow turn
FAQ
- What is the arrow elbow down right icon used for?
- It's used to visually represent a directional flow or action that moves downwards and then turns to the right, often seen in navigation or process flows.
- How do I use the arrow elbow down right icon in React?
- You can import and use it like this: import { ArrowElbowDownRight } from '@phosphor-icons/react'.
- What is the license for Phosphor icons?
- Phosphor icons are distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Phosphor.