John KuehJohn Kueh

chevron double right icon

Heroicons · chevron-double-right · MIT

Download SVG

The Heroicons chevron double right icon depicts two chevrons pointing to the right, commonly used to indicate actions like skipping to the end of a list or advancing to the next section.

Common uses

  • Skip to last page
  • Next section/tab
  • Fast forward

Use it in React

Install
npm i @heroicons/react
Import & render
import { ChevronDoubleRightIcon } from '@heroicons/react/24/outline';

<ChevronDoubleRightIcon className="size-6" />

Styles

Heroicons ships this icon in 4 styles — each its own import:

24/outline
<ChevronDoubleRightIcon className="size-6" />
24/solid
<ChevronDoubleRightIcon className="size-6" />
20/solid
<ChevronDoubleRightIcon className="size-6" />
16/solid
<ChevronDoubleRightIcon className="size-6" />

Details

Library
Heroicons (324 icons)
License
MIT
viewBox
0 0 24 24
Keywords
chevrondoublerightdouble chevron rightskip aheadfast forward iconnext page

FAQ

What is the chevron double right icon used for?
It's typically used for actions like skipping to the end of content, advancing to the next major section, or indicating a fast-forward function.
How do I use this icon in React?
Import it from Heroicons like this: import { ChevronDoubleRightIcon } from '@heroicons/react/24/outline'. Then use it as a React component.
What is the license for Heroicons?
Heroicons 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 Heroicons.

Looking for something else? Search Heroicons 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 →