The Phosphor caret circle left icon depicts a left-pointing chevron within a circle, commonly used to indicate navigation back to a previous page or state.
Common uses
- Back button in navigation
- Previous item in a carousel
- Collapse sidebar menu
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { CaretCircleLeft } from '@phosphor-icons/react';
<CaretCircleLeft size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<CaretCircleLeft size={24} />thin
<CaretCircleLeft size={24} weight="thin" />light
<CaretCircleLeft size={24} weight="light" />bold
<CaretCircleLeft size={24} weight="bold" />fill
<CaretCircleLeft size={24} weight="fill" />duotone
<CaretCircleLeft size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- arrows
- Keywords
- chevrondirectionalpointerpointingarrowheadtrianglearrowscaretcircleleftback arrowprevious iconchevron left circle
FAQ
- What is the caret circle left icon used for?
- It's typically used for back navigation or to indicate moving to a previous item or state.
- How do I use the caret circle left icon in React?
- Import it from '@phosphor-icons/react' and use it as a component: import { CaretCircleLeft } from '@phosphor-icons/react'; <CaretCircleLeft size={32} />
- What is the license for Phosphor icons?
- Phosphor icons are distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Phosphor.