The Phosphor arrow u up left icon depicts a curved arrow turning upwards and to the left, commonly used to represent actions like undoing a previous step or returning to a prior state.
Common uses
- Undo last action
- Navigate back to previous page
- Revert to a previous setting
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ArrowUUpLeft } from '@phosphor-icons/react';
<ArrowUUpLeft size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ArrowUUpLeft size={24} />thin
<ArrowUUpLeft size={24} weight="thin" />light
<ArrowUUpLeft size={24} weight="light" />bold
<ArrowUUpLeft size={24} weight="bold" />fill
<ArrowUUpLeft size={24} weight="fill" />duotone
<ArrowUUpLeft size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- arrows
- Keywords
- directionalpointerpointingarrowheadundoreturnu-turnsarrowsarrowuupleftundo iconback arrowreturn iconturn around
FAQ
- What does the arrow-u-up-left icon represent?
- This icon represents a directional movement, specifically a u-turn upwards and to the left, often used for undo or return actions.
- How do I use the arrow-u-up-left icon in React?
- You can import and use it in React with: import { ArrowUUpLeft } 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 →