The Phosphor arrow arc right icon depicts a curved arrow pointing to the right, commonly used to indicate a forward or next action, or a path that curves to the right.
Common uses
- Next step in a multi-step process
- Navigate to a related section on the right
- Indicate a 'go back' action in a curved interface
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ArrowArcRight } from '@phosphor-icons/react';
<ArrowArcRight size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ArrowArcRight size={24} />thin
<ArrowArcRight size={24} weight="thin" />light
<ArrowArcRight size={24} weight="light" />bold
<ArrowArcRight size={24} weight="bold" />fill
<ArrowArcRight size={24} weight="fill" />duotone
<ArrowArcRight size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- arrows
- Keywords
- directionalpointerpointingarrowheadarrowsarrowarcrightcurved arrow rightrightward arcdirectional curvepointer curve
FAQ
- What is the arrow arc right icon used for?
- It's used to show a directional movement that curves to the right, often representing progression or a specific path.
- How do I use the arrow arc right icon in React?
- Import it from the Phosphor library like this: import { ArrowArcRight } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including this icon, is released 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 →