The Phosphor arrow circle down left icon depicts a circular arrow pointing downwards and to the left, commonly used to indicate a download or a leftward directional action within a circular context.
Common uses
- Download a file or resource.
- Navigate to a previous or lower section.
- Indicate a leftward movement or selection.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ArrowCircleDownLeft } from '@phosphor-icons/react';
<ArrowCircleDownLeft size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ArrowCircleDownLeft size={24} />thin
<ArrowCircleDownLeft size={24} weight="thin" />light
<ArrowCircleDownLeft size={24} weight="light" />bold
<ArrowCircleDownLeft size={24} weight="bold" />fill
<ArrowCircleDownLeft size={24} weight="fill" />duotone
<ArrowCircleDownLeft size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- arrows
- Keywords
- directionalpointerpointingarrowheadarrowsarrowcircledownleftdownload leftcircular arrow down leftsouthwest arrowdirectional arrow
FAQ
- What is the primary purpose of the arrow circle down left icon?
- It signifies a directional action, specifically moving down and to the left, often used for downloads or navigation.
- How do I use this icon in React?
- You can import and use it like this: import { ArrowCircleDownLeft } from '@phosphor-icons/react'; <ArrowCircleDownLeft />
- 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 →