The Tabler chevron compact left icon depicts a double-pointed arrow indicating a leftward direction, commonly used for navigation, such as returning to a previous view or collapsing a sidebar.
Common uses
- Go back to previous page
- Collapse a sidebar menu
- Navigate to the first item in a carousel
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconChevronCompactLeft } from '@tabler/icons-react';
<IconChevronCompactLeft size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- navigationdirectionarrowtogglepreviousleftwardbackslidereverseshiftarrowschevroncompactleftprevious arrowback button icon
FAQ
- What is the chevron compact left icon used for?
- It's primarily used to indicate backward navigation or to signify an action that moves content or a view to the left, like collapsing a panel.
- How do I use the chevron compact left icon in React?
- Import it from '@tabler/icons-react' like this: import { IconChevronCompactLeft } from '@tabler/icons-react'. Then use it as a component: <IconChevronCompactLeft />.
- What is the license for the Tabler chevron compact left icon?
- The Tabler icon library, including the chevron compact left 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 →