The HugeIcons square arrow up left icon depicts an arrow originating from a square, pointing towards the upper left, commonly used to indicate navigating to a previous or parent location.
Common uses
- Go back to previous page
- Navigate to parent directory
- Return to dashboard
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { SquareArrowUpLeftIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={SquareArrowUpLeftIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- back arrowprevious iconreturn iconup left arrow
FAQ
- What does the square arrow up left icon represent?
- This icon represents moving or navigating in the upper-left direction, often used for going back or returning to a previous state or location.
- How do I use the SquareArrowUpLeftIcon in React?
- Import the icon and use it within the HugeiconsIcon component like this: import { SquareArrowUpLeftIcon } from '@hugeicons/core-free-icons'; <HugeiconsIcon icon={SquareArrowUpLeftIcon} />.
- What is the license for this icon?
- This icon is provided under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.