The Lucide square arrow out up left icon visually represents an outward directional movement towards the north-west, commonly used to indicate an action that navigates away from the current context or to an external resource in a diagonal upward-left direction.
Common uses
- Link to an external website
- Navigate to a previous/higher level in a hierarchical structure
- Exporting data or content
Use it in React
Install
npm i lucide-reactImport & render
import { SquareArrowOutUpLeft } from 'lucide-react';
<SquareArrowOutUpLeft size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- outwardsdirectionnorth-westdiagonalsquarearrowoutupleftoutward arrownorthwest arrowdiagonal exportgo back up
FAQ
- What does the square arrow out up left icon signify?
- This icon signifies an action of moving outwards or upwards towards the north-west, often used for navigation to external or higher-level destinations.
- How do I use the square arrow out up left icon in React?
- You can import and use it in your React application with: import { SquareArrowOutUpLeft } from 'lucide-react'
- What is the license for the Lucide square arrow out up left icon?
- The Lucide icon library, including the square arrow out up left 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 →