The Lucide square arrow up right icon depicts an arrow pointing diagonally up and to the right, commonly used to indicate an action that opens content in a new tab or window, or to signify an external link.
Common uses
- Opening external links
- Navigating to a new section
- Indicating a share action
Use it in React
Install
npm i lucide-reactImport & render
import { SquareArrowUpRight } from 'lucide-react';
<SquareArrowUpRight size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- directionnorth-eastdiagonalsignkeyboardbuttonsharesquarearrowuprightexternal linknew tabuploadnorth east
FAQ
- What does the square arrow up right icon represent?
- It represents an action that leads to a new destination, often an external resource or a new browser tab.
- How do I use this icon in React?
- You can import and use it like this: import { SquareArrowUpRight } 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 →