chevron double up icon

Common uses

• Scroll to top button
• Expand/collapse section
• Indicate upward movement or increase

Use it in React

npm i @heroicons/react

import { ChevronDoubleUpIcon } from '@heroicons/react/24/outline';

<ChevronDoubleUpIcon className="size-6" />

Styles

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

<ChevronDoubleUpIcon className="size-6" />

<ChevronDoubleUpIcon className="size-6" />

<ChevronDoubleUpIcon className="size-6" />

<ChevronDoubleUpIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

chevrondoubleupdouble chevron upscroll upfast forwardtop arrow

FAQ

What is the chevron double up icon used for?

It's typically used for actions like returning to the top of a long page or indicating a positive or upward trend in data.

How do I use the chevron double up icon in React?

Import it from Heroicons like this: import { ChevronDoubleUpIcon } from '@heroicons/react/24/outline'. Then use it as a React component.

What is the license for this icon?

The Heroicons chevron double up icon is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in Heroicons.