The Lucide circle arrow left icon depicts a circular arrow pointing to the left, commonly used to indicate a 'back' or 'previous' action in user interfaces.
Common uses
- Navigate to the previous page
- Go back to the main menu
- Undo the last action
Use it in React
Install
npm i lucide-reactImport & render
import { CircleArrowLeft } from 'lucide-react';
<CircleArrowLeft size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- previousbackdirectionwestsignturnbutton<-circlearrowleftprevious buttonback arrowgo backreturn icon
FAQ
- What is the circle arrow left icon used for?
- It's typically used for navigation actions like going back, returning to a previous state, or indicating a previous step in a process.
- How do I use the circle arrow left icon in React?
- You can import and use it directly from the 'lucide-react' library with: import { CircleArrowLeft } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including the circle arrow 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 →