The Lucide square arrow up icon depicts an arrow pointing upwards within a square, commonly used to indicate an action like uploading, moving to a higher level, or returning to the top of a page.
Common uses
- Upload file button
- Navigate to top of page
- Move item to a higher level
Use it in React
Install
npm i lucide-reactImport & render
import { SquareArrowUp } from 'lucide-react';
<SquareArrowUp size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- forwarddirectionnorthsignkeyboardbuttonsquarearrowupupload icongo to topnorth arrowmove up
FAQ
- What does the square arrow up icon represent?
- It signifies an upward direction or movement, often associated with actions like uploading, returning to the top, or moving to a superior level.
- How do I use the square arrow up icon in React?
- You can import and use it like this: import { SquareArrowUp } from 'lucide-react'. Then render it as <SquareArrowUp />.
- What is the license for the Lucide square arrow up icon?
- The Lucide icon library, including the square arrow up 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 →