The Tabler square rounded chevrons left icon depicts a set of left-pointing chevrons within a rounded square, commonly used to indicate returning to a previous state or navigating to the beginning of a sequence.
Common uses
- Go to the first page/item
- Collapse a sidebar or menu
- Navigate back to the main dashboard
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSquareRoundedChevronsLeft } from '@tabler/icons-react';
<IconSquareRoundedChevronsLeft size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconSquareRoundedChevronsLeft size={24} stroke={2} />filled
<IconSquareRoundedChevronsLeftFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- shapedirectionwestsquareroundedchevronsleftnavigationflowrectangulararrowsfast backwardfirst pageprevious setback all
FAQ
- What is the purpose of the square rounded chevrons left icon?
- This icon signifies moving backward, returning to a previous state, or navigating to the start of a list or process.
- How do I use this icon in React?
- Import it from '@tabler/icons-react' like this: import { IconSquareRoundedChevronsLeft } from '@tabler/icons-react'.
- What is the license for this icon?
- The Tabler icon set, 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 →