The Lucide circle arrow out up left icon depicts an arrow originating from a circle and pointing diagonally upwards and to the left, commonly used to signify an action that moves an item or process outwards or away in that direction.
Common uses
- Exporting data to a northwest direction
- Initiating an outward process from a central point
- Representing a 'go back and up' navigation action
Use it in React
Install
npm i lucide-reactImport & render
import { CircleArrowOutUpLeft } from 'lucide-react';
<CircleArrowOutUpLeft size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- outwardsdirectionnorth-westdiagonalkeyboardbuttonescapecirclearrowoutupleftoutward arrownorthwest directiondiagonal exportescape key
FAQ
- What does the circle arrow out up left icon represent?
- This icon represents an outward movement or direction, specifically pointing towards the upper-left quadrant. It's often used for actions like exporting or initiating a process away from the current context.
- How do I use the circle arrow out up left icon in React?
- You can use it in React by importing it from the 'lucide-react' library like this: import { CircleArrowOutUpLeft } from 'lucide-react'. Then, you can render it as a component: <CircleArrowOutUpLeft />.
- What is the license for this icon?
- The Lucide icon library, including the circle arrow out up left icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →