The Phosphor caret circle right icon depicts a right-pointing caret enclosed in a circle, commonly used to indicate actions like 'next', 'play', or 'proceed'.
Common uses
- Next item in a carousel or list
- Play video or audio
- Proceed to the next step in a wizard
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { CaretCircleRight } from '@phosphor-icons/react';
<CaretCircleRight size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<CaretCircleRight size={24} />thin
<CaretCircleRight size={24} weight="thin" />light
<CaretCircleRight size={24} weight="light" />bold
<CaretCircleRight size={24} weight="bold" />fill
<CaretCircleRight size={24} weight="fill" />duotone
<CaretCircleRight size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- arrows
- Keywords
- chevrondirectionalpointerpointingarrowheadtrianglearrowscaretcirclerightplay iconnext button iconforward arrow iconproceed icon
FAQ
- What is the caret circle right icon used for?
- It's typically used for navigation or action prompts, such as moving to the next item, playing media, or advancing in a process.
- How do I use the caret circle right icon in React?
- Import it from the library and use it as a component: `import { CaretCircleRight } from '@phosphor-icons/react'; <CaretCircleRight />`.
- 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.
Looking for something else? Search Phosphor 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 →