The Lucide circle arrow out up right icon depicts an arrow originating from a circle and pointing diagonally upwards and to the right, commonly used to indicate an action that leads to an external resource or a new direction.
Common uses
- Link to an external website
- Open a new tab or window
- Navigate to a related but distinct section
Use it in React
Install
npm i lucide-reactImport & render
import { CircleArrowOutUpRight } from 'lucide-react';
<CircleArrowOutUpRight size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- outwardsdirectionnorth-eastdiagonalcirclearrowoutuprightexternal linkopen in new tabdiagonal arrownorth-east arrow
FAQ
- What is the circle arrow out up right icon used for?
- This icon signifies an action that directs the user outwards or towards a new, external destination, such as linking to a website or opening a new tab.
- How do I use the circle arrow out up right icon in React?
- You can import and use it in your React application with: import { CircleArrowOutUpRight } from 'lucide-react'
- What is the license for Lucide icons?
- Lucide icons, including the circle arrow out up right icon, are distributed 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 →