The Lucide arrow up from line icon visually represents an upward movement originating from a horizontal line, commonly used to indicate actions like uploading, pushing changes, or expanding content.
Common uses
- Upload file button
- Git push action
- Expand section
Use it in React
Install
npm i lucide-reactImport & render
import { ArrowUpFromLine } from 'lucide-react';
<ArrowUpFromLine size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- forwarddirectionnorthuploadgitversion controlpushexpandfoldverticalarrowupfromlineupload icongit push icon
FAQ
- What does the arrow up from line icon represent?
- It signifies an upward direction or movement starting from a base line, often used for actions like uploading, pushing data, or expanding elements.
- How do I use the arrow up from line icon in React?
- You can import and use it directly from the 'lucide-react' library like this: import { ArrowUpFromLine } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including the arrow up from line 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 →