The Lucide chevron left icon depicts a leftward-pointing chevron, commonly used to indicate navigation back to a previous page or state.
Common uses
- Back button in navigation
- Previous item in a carousel
- Collapse/expand menu
Use it in React
Install
npm i lucide-reactImport & render
import { ChevronLeft } from 'lucide-react';
<ChevronLeft size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- backpreviousless thanfewermenu<chevronleftback arrowprevious iconless than symbolleft arrow
FAQ
- What is the chevron left icon used for?
- It's primarily used for navigation, such as going back to a previous screen or page. It can also indicate moving to a previous item in a sequence.
- How do I use the chevron left icon in React?
- You can import and use it directly in your React components like this: import { ChevronLeft } from 'lucide-react'. Then render it as <ChevronLeft />.
- What is the license for the Lucide chevron left icon?
- The Lucide icon library, including the chevron left icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →