The Lucide square arrow up left icon depicts an arrow pointing diagonally upwards and to the left, commonly used to indicate actions like navigating to a previous or parent directory, or returning to a prior state.
Common uses
- Navigate to parent folder
- Go back to previous view
- Upload to a specific location
Use it in React
Install
npm i lucide-reactImport & render
import { SquareArrowUpLeft } from 'lucide-react';
<SquareArrowUpLeft size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- directionnorth-westdiagonalsignkeyboardbuttonsquarearrowupleftnorthwest arrowprevious directorygo backupload
FAQ
- What does the square arrow up left icon represent?
- This icon represents an action of moving upwards and to the left, often used for navigation or returning to a previous state.
- How do I use the square arrow up left icon in React?
- You can import and use it in React with: import { SquareArrowUpLeft } 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 →