The Lucide square arrow out up right icon depicts an arrow pointing diagonally up and to the right, originating from a square, commonly used to indicate an external link or an action that opens content in a new tab or window.
Common uses
- Link to an external website
- Open a new browser tab
- Navigate to a different domain
Use it in React
Install
npm i lucide-reactImport & render
import { SquareArrowOutUpRight } from 'lucide-react';
<SquareArrowOutUpRight size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- outwardsdirectionnorth-eastdiagonalshareopenexternallinksquarearrowoutuprightexternal linknew taboutbound
FAQ
- What is the square arrow out up right icon used for?
- This icon signifies an action that leads to an external resource or opens content in a new location, such as a link to another website or a document opened in a new tab.
- How do I use the square arrow out up right icon in React?
- You can import and use it in your React application with: import { SquareArrowOutUpRight } from 'lucide-react'
- What is the license for the Lucide square arrow out up right icon?
- The Lucide icon library, including the square arrow out up right 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 →