The Phosphor caret double up icon depicts two upward-pointing chevrons, commonly used to indicate actions like scrolling to the top of a page or indicating a primary or top-level action.
Common uses
- Scroll to top button
- Expand/collapse section (top level)
- Navigate to the beginning of a list or content
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { CaretDoubleUp } from '@phosphor-icons/react';
<CaretDoubleUp size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<CaretDoubleUp size={24} />thin
<CaretDoubleUp size={24} weight="thin" />light
<CaretDoubleUp size={24} weight="light" />bold
<CaretDoubleUp size={24} weight="bold" />fill
<CaretDoubleUp size={24} weight="fill" />duotone
<CaretDoubleUp size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- arrows
- Keywords
- chevrondirectionalpointerpointingarrowheadtrianglearrowscaretdoubleupdouble chevron upscroll to toptop arrowfast forward up
FAQ
- What is the caret double up icon used for?
- It's typically used for actions related to moving upwards, such as scrolling to the top of a page or indicating a primary action.
- How do I use the caret double up icon in React?
- You can import and use it like this: `import { CaretDoubleUp } from '@phosphor-icons/react'`. Then render it as a component: `<CaretDoubleUp />`.
- What is the license for this icon?
- The Phosphor icon library, including the caret double up icon, is available under the MIT license.
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 →