The Lucide arrow down to line icon visually represents an action of moving something downwards towards a horizontal boundary, commonly used for downloading, saving, or indicating a downward direction.
Common uses
- Download file button
- Save configuration setting
- Collapse a section
Use it in React
Install
npm i lucide-reactImport & render
import { ArrowDownToLine } from 'lucide-react';
<ArrowDownToLine size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- behinddirectionsouthdownloadsavegitversion controlpullcollapsefoldverticalarrowdowntoline
FAQ
- What does the arrow down to line icon signify?
- It typically signifies an action of moving downwards towards a line or boundary, often used for downloading, saving, or indicating a downward direction.
- How do I use this icon in React?
- You can import and use it in React with the following statement: import { ArrowDownToLine } from 'lucide-react'.
- What is the license for this icon?
- This icon is provided under the ISC license, which is a permissive open-source 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 →