The Lucide arrow down right icon depicts a diagonal arrow pointing towards the south-east, commonly used to indicate a downward and rightward movement or a positive trend.
Common uses
- Indicating a download action
- Showing a positive stock market trend
- Signaling a link that opens in a new tab
Use it in React
Install
npm i lucide-reactImport & render
import { ArrowDownRight } from 'lucide-react';
<ArrowDownRight size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- directionsouth-eastdiagonalarrowdownrightsouth-east arrowdiagonal down-rightdownload iconpositive trend arrow
FAQ
- What is the arrow down right icon used for?
- It's used to visually represent movement downwards and to the right, or a positive trend. This can be for downloads, positive changes, or external links.
- How do I use the arrow down right icon in React?
- Import it from 'lucide-react' like this: import { ArrowDownRight } from 'lucide-react'. Then use it as a component: <ArrowDownRight />.
- What is the license for the Lucide arrow down right icon?
- The Lucide icon library, including the arrow down right 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 →