The Tabler square chevron right icon depicts a chevron pointing to the right within a square, commonly used to indicate forward navigation, progression, or moving to the next item.
Common uses
- Next page/item button
- Expand/collapse section (rightward)
- Forward action in a wizard
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSquareChevronRight } from '@tabler/icons-react';
<IconSquareChevronRight size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconSquareChevronRight size={24} stroke={2} />filled
<IconSquareChevronRightFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- shapedirectioneastsquarechevronrightnavigationflowrectangularmovementarrowsarrow right squarenext squarechevron right boxforward square
FAQ
- What is the square chevron right icon used for?
- It's typically used for navigation, indicating movement to the next step, page, or item, especially when a distinct rectangular shape is desired.
- How do I use the square chevron right icon in React?
- You can import and use it directly with: import { IconSquareChevronRight } from '@tabler/icons-react'
- What is the license for this icon?
- This icon is from the Tabler icon library and 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 →