The Phosphor arrow bend up right icon depicts a curved arrow moving upwards and to the right, commonly used to indicate a forward or upward progression, or a link to external content.
Common uses
- Navigating to the next step in a multi-step process.
- Indicating a link that opens in a new tab or external site.
- Representing an 'upload' or 'submit' action.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ArrowBendUpRight } from '@phosphor-icons/react';
<ArrowBendUpRight size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ArrowBendUpRight size={24} />thin
<ArrowBendUpRight size={24} weight="thin" />light
<ArrowBendUpRight size={24} weight="light" />bold
<ArrowBendUpRight size={24} weight="bold" />fill
<ArrowBendUpRight size={24} weight="fill" />duotone
<ArrowBendUpRight size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- arrows
- Keywords
- directionalpointerpointingarrowheadforwardfwdarrowsarrowbenduprightupload iconexternal link iconforward arrownext step icon
FAQ
- What is the arrow bend up right icon used for?
- It signifies a directional movement upwards and to the right, often used for progression, external links, or upload actions.
- How do I use the arrow bend up right icon in React?
- Import it from the Phosphor React library: `import { ArrowBendUpRight } from '@phosphor-icons/react'`. Then use it as a component: `<ArrowBendUpRight />`.
- What is the license for the Phosphor arrow bend up right icon?
- The Phosphor icon library, including the arrow bend up right 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 →