The Lucide circle arrow right icon depicts a circular arrow pointing to the right, commonly used to indicate moving to the next step, proceeding forward, or indicating a direction to the east.
Common uses
- Next/Forward button in a carousel or wizard
- Submit or proceed action
- Indicate a rightward turn or direction
Use it in React
Install
npm i lucide-reactImport & render
import { CircleArrowRight } from 'lucide-react';
<CircleArrowRight size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- nextforwarddirectioneastsignturnbutton->circlearrowrightnext buttonforward arroweast arrowproceed icon
FAQ
- What is the purpose of the circle arrow right icon?
- It signifies progression, moving forward, or indicating a direction to the right. It's often used for 'next' or 'proceed' actions.
- How do I use the circle arrow right icon in React?
- Import it from 'lucide-react' and use it as a component: import { CircleArrowRight } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including the circle arrow right 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 →