The Lucide arrow down from line icon visually represents an action of moving something downwards from a horizontal line, commonly used for downloading or collapsing content.
Common uses
- Download a file or resource
- Collapse a section of content
- Indicate a downward data transfer
Use it in React
Install
npm i lucide-reactImport & render
import { ArrowDownFromLine } from 'lucide-react';
<ArrowDownFromLine size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- backwardsreversedirectionsouthdownloadexpandfoldverticalarrowdownfromlinecollapse
FAQ
- What does the arrow down from line icon represent?
- This icon typically signifies an action to download content or to collapse/fold an item.
- How do I use this icon in React?
- You can import and use it in your React application like this: import { ArrowDownFromLine } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including this 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 →