The Tabler square chevron left icon depicts a chevron shape enclosed within a square, commonly used to indicate a backward or previous action, such as navigating to a prior page or section.
Common uses
- Back button in navigation
- Previous item in a carousel
- Collapse sidebar menu
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSquareChevronLeft } from '@tabler/icons-react';
<IconSquareChevronLeft size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconSquareChevronLeft size={24} stroke={2} />filled
<IconSquareChevronLeftFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- shapedirectionwestsquarechevronleftnavigationflowrectangularmovementarrowspreviousback arrowleft navigationreturn
FAQ
- What is the purpose of the square chevron left icon?
- It signifies moving backward, returning to a previous state, or indicating a leftward direction within an interface.
- How do I use this icon in React?
- Import it from the '@tabler/icons-react' library like this: import { IconSquareChevronLeft } from '@tabler/icons-react'.
- What is the license for this icon?
- The Tabler icon library, including this icon, is distributed 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 →