chevron double down icon

Common uses

• Scroll to bottom of page
• Expandable section indicator
• Load more data trigger

Use it in React

npm i @heroicons/react

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

<ChevronDoubleDownIcon className="size-6" />

Styles

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

<ChevronDoubleDownIcon className="size-6" />

<ChevronDoubleDownIcon className="size-6" />

<ChevronDoubleDownIcon className="size-6" />

<ChevronDoubleDownIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

chevrondoubledowndouble chevron downscroll downdownloadarrow double down

FAQ

What is the chevron double down icon used for?

It visually signals that there is more content below or that an action will scroll the user down the page.

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

Import it from Heroicons like this: import { ChevronDoubleDownIcon } from '@heroicons/react/24/outline'.

What is the license for Heroicons?

Heroicons are released under the MIT license, allowing for free use in commercial and non-commercial projects.

Related icons

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