John KuehJohn Kueh

caret double right icon

Phosphor · caret-double-right · MIT

Download SVG

The Phosphor caret double right icon depicts two stacked chevrons pointing to the right, commonly used to indicate actions like fast-forwarding, advancing to the next section, or indicating a primary navigation path.

Common uses

  • Fast-forward button in media players
  • Next section/page indicator in wizards or carousels
  • Primary action button in a workflow

Use it in React

Install
npm i @phosphor-icons/react
Import & render
import { CaretDoubleRight } from '@phosphor-icons/react';

<CaretDoubleRight size={24} />

Styles

Phosphor ships this icon in 6 styles — each its own import:

regular
<CaretDoubleRight size={24} />
thin
<CaretDoubleRight size={24} weight="thin" />
light
<CaretDoubleRight size={24} weight="light" />
bold
<CaretDoubleRight size={24} weight="bold" />
fill
<CaretDoubleRight size={24} weight="fill" />
duotone
<CaretDoubleRight size={24} weight="duotone" />

Details

Library
Phosphor (1,512 icons)
License
MIT
viewBox
0 0 256 256
Category
arrows
Keywords
chevrondirectionalpointerpointingarrowheadtrianglearrowscaretdoublerightdouble chevron rightfast forwardnext page arrowarrow right double

FAQ

What is the caret double right icon used for?
It's typically used for actions like fast-forwarding, moving to the next step in a process, or indicating a primary navigation direction.
How do I use the caret double right icon in React?
Import it from the library like this: import { CaretDoubleRight } from '@phosphor-icons/react'. Then use it as a component: <CaretDoubleRight />.
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 →