The Tabler circle arrow left icon depicts a circular arrow pointing to the left, commonly used for actions like going back, undoing an operation, or navigating to a previous state.
Common uses
- Back button in navigation
- Undo last action
- Navigate to previous step in a wizard
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCircleArrowLeft } from '@tabler/icons-react';
<IconCircleArrowLeft size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconCircleArrowLeft size={24} stroke={2} />filled
<IconCircleArrowLeftFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- shapedirectionwestcirclearrowleftpointernavigationflowroundarrowsback arrowpreviousreturnundo
FAQ
- What is the purpose of the circle arrow left icon?
- It signifies returning to a previous state or location, such as navigating back or undoing an action.
- How do I use this icon in React?
- Import it from '@tabler/icons-react' like this: import { IconCircleArrowLeft } from '@tabler/icons-react'.
- What is the license for this icon?
- The Tabler icon set, including this 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 →