The Phosphor arrow elbow down left icon depicts a directional arrow that bends at an elbow, moving downwards and then to the left, commonly used to indicate a flow or transition in that specific direction within a user interface.
Common uses
- Navigating to a previous step in a multi-step process.
- Indicating a return path or a backward link.
- Showing a data flow moving from a higher/central point down and then left.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ArrowElbowDownLeft } from '@phosphor-icons/react';
<ArrowElbowDownLeft size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ArrowElbowDownLeft size={24} />thin
<ArrowElbowDownLeft size={24} weight="thin" />light
<ArrowElbowDownLeft size={24} weight="light" />bold
<ArrowElbowDownLeft size={24} weight="bold" />fill
<ArrowElbowDownLeft size={24} weight="fill" />duotone
<ArrowElbowDownLeft size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- arrows
- Keywords
- directionalpointerpointingarrowheadarrowsarrowelbowdownleftdown and left arrowcurved arrow down leftreturn arrowprevious step arrow
FAQ
- What is the arrow elbow down left icon used for?
- It's used to represent a directional flow or transition that moves downwards and then turns left, often indicating a previous step or a return path.
- How do I use the arrow elbow down left icon in React?
- You can import and use it like this: import { ArrowElbowDownLeft } from '@phosphor-icons/react'.
- What is the license for the Phosphor arrow elbow down left 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 →