The Lucide circle chevron left icon depicts a chevron pointing left within a circle, commonly used to indicate navigation back to a previous screen or state.
Common uses
- Back button in a header
- Previous step in a multi-step form
- Collapse a sidebar menu
Use it in React
Install
npm i lucide-reactImport & render
import { CircleChevronLeft } from 'lucide-react';
<CircleChevronLeft size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- backpreviousless thanfewermenu<circlechevronleftback arrowprevious iconleft arrow circlego back
FAQ
- What is the circle chevron left icon used for?
- It's typically used for navigation actions like going back, returning to a previous state, or indicating a 'less than' relationship.
- How do I use the circle chevron left icon in React?
- You can import and use it like this: import { CircleChevronLeft } from 'lucide-react'
- What is the license for the Lucide circle chevron left icon?
- The Lucide icon library, including this 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 →