The HugeIcons square arrow diagonal 02 icon depicts an arrow moving diagonally upwards and to the right, commonly used to indicate an action that opens content in a new tab or window.
Common uses
- Link to external website
- Open modal or popup
- Expandable section
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { SquareArrowDiagonal02Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={SquareArrowDiagonal02Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- external linknew tabopen in new windowdiagonal arrow
FAQ
- What does the square arrow diagonal 02 icon represent?
- This icon represents an action that typically opens content in a new tab or window, signifying an outward or external link.
- How do I use the SquareArrowDiagonal02Icon in React?
- Import the icon using `import { SquareArrowDiagonal02Icon } from '@hugeicons/core-free-icons';` and render it with `<HugeiconsIcon icon={SquareArrowDiagonal02Icon} />`.
- What is the license for this icon?
- The HugeIcons icon library, including this icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →