The Tabler square rounded arrow right icon depicts a rightward-pointing arrow within a rounded square, commonly used to indicate forward movement, submission, or proceeding to the next step in a UI.
Common uses
- Submit form button
- Proceed to next step in a wizard
- Link to external resource
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSquareRoundedArrowRight } from '@tabler/icons-react';
<IconSquareRoundedArrowRight size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconSquareRoundedArrowRight size={24} stroke={2} />filled
<IconSquareRoundedArrowRightFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- shapedirectioneastsquareroundedarrowrightpointernavigationflowarrowsnext arrowforward icongo buttonsubmit arrow
FAQ
- What is the purpose of the square rounded arrow right icon?
- This icon signifies moving forward, submitting information, or navigating to a subsequent stage. It's a clear visual cue for progression.
- How do I use the square rounded arrow right icon in React?
- You can import and use it directly with the following statement: import { IconSquareRoundedArrowRight } from '@tabler/icons-react'.
- What is the license for this icon?
- The Tabler icon library, including this 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 →