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/reactImport & 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 →