The HugeIcons square arrow horizontal icon depicts an arrow pointing to the right, commonly used to indicate actions like 'next', 'forward', or 'external link'.
Common uses
- Next page/item
- External link indicator
- Forward action
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { SquareArrowHorizontalIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={SquareArrowHorizontalIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- arrow rightnext iconforward arrowexternal link icon
FAQ
- What is the square arrow horizontal icon used for?
- It typically signifies moving forward, going to the next item, or indicating an external link.
- How do I use the SquareArrowHorizontalIcon in React?
- Import it from '@hugeicons/core-free-icons' and render it using the HugeiconsIcon component: import { SquareArrowHorizontalIcon } from '@hugeicons/core-free-icons'; <HugeiconsIcon icon={SquareArrowHorizontalIcon} />.
- What is the license for this icon?
- The HugeIcons library, including this icon, is released 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 →