The Tabler square arrow right icon depicts a square with an arrow pointing to the right, commonly used to indicate proceeding to the next step, external links, or submitting a form.
Common uses
- Next step in a wizard or multi-step form
- Link to an external website
- Submit button for a form
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSquareArrowRight } from '@tabler/icons-react';
<IconSquareArrowRight size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconSquareArrowRight size={24} stroke={2} />filled
<IconSquareArrowRightFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- directionshapeeastsquarearrowrightpointernavigationflowrectangulararrowsnext iconproceed iconexternal link iconsubmit arrow
FAQ
- What is the square arrow right icon used for?
- It signifies progression, external links, or form submission. It's a clear visual cue for users to move forward or access external content.
- How do I use the square arrow right icon in React?
- Import it from '@tabler/icons-react' like this: import { IconSquareArrowRight } from '@tabler/icons-react'. Then use it as a component: <IconSquareArrowRight />.
- What is the license for the Tabler square arrow right icon?
- The Tabler icon library, including the square arrow right icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →