The Lucide arrow down left icon depicts a diagonal arrow pointing towards the south-west, commonly used to indicate a downward and leftward movement or direction in user interfaces.
Common uses
- Indicating a download or export action.
- Showing a decrease in value or trend.
- Navigating to a previous or lower section.
Use it in React
Install
npm i lucide-reactImport & render
import { ArrowDownLeft } from 'lucide-react';
<ArrowDownLeft size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- directionsouth-westdiagonalarrowdownleftsouth-west arrowdiagonal down leftdownload icondecrease arrow
FAQ
- What is the arrow down left icon used for?
- It's typically used to represent actions or directions that involve both moving down and to the left, such as downloading, decreasing, or navigating to a previous state.
- How do I use the arrow down left icon in React?
- You can import and use it in React with the following statement: import { ArrowDownLeft } from 'lucide-react'
- What is the license for the Lucide arrow down left icon?
- The Lucide icon library, including the arrow down left icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →