The Lucide arrows up from line icon visually represents upward movement originating from a horizontal line, commonly used to indicate actions like uploading, sending, or indicating the top of a package.
Common uses
- Upload button
- Send message indicator
- Package orientation label
Use it in React
Install
npm i lucide-reactImport & render
import { ArrowsUpFromLine } from 'lucide-react';
<ArrowsUpFromLine size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- directionorientationthis way upverticalpackageboxfragilepostageshippingarrowsupfromlineupload iconsend iconthis way up symbol
FAQ
- What does the arrows up from line icon represent?
- It signifies an upward direction or movement originating from a base point, often used for uploads or indicating the top side of an item.
- How do I use this icon in React?
- Import it from 'lucide-react' like so: import { ArrowsUpFromLine } from 'lucide-react'. Then use it as a component: <ArrowsUpFromLine />.
- 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 →