The Phosphor arrow circle up right icon depicts an arrow pointing upwards and to the right within a circle, commonly used to indicate an action that moves an item or view in that direction, such as uploading or navigating forward.
Common uses
- Upload button
- Navigate to next step
- Expand section upwards and right
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ArrowCircleUpRight } from '@phosphor-icons/react';
<ArrowCircleUpRight size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ArrowCircleUpRight size={24} />thin
<ArrowCircleUpRight size={24} weight="thin" />light
<ArrowCircleUpRight size={24} weight="light" />bold
<ArrowCircleUpRight size={24} weight="bold" />fill
<ArrowCircleUpRight size={24} weight="fill" />duotone
<ArrowCircleUpRight size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- arrows
- Keywords
- directionalpointerpointingarrowheadarrowsarrowcircleuprightupload iconnext step icondirectional arrowforward arrow
FAQ
- What is the arrow circle up right icon used for?
- It's typically used to signify an action that moves content or a view in the upper-right direction, like uploading files or proceeding to the next stage in a process.
- How do I use this icon in React?
- You can import and use it directly from the Phosphor React library with: import { ArrowCircleUpRight } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including this 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 →