The Lucide square arrow right icon depicts an arrow pointing to the right within a square, commonly used to indicate moving to the next step, proceeding forward, or indicating a direction.
Common uses
- Next button in a wizard or carousel
- Submit or confirm action
- External link indicator
Use it in React
Install
npm i lucide-reactImport & render
import { SquareArrowRight } from 'lucide-react';
<SquareArrowRight size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- nextforwarddirectionwestsignkeyboardbutton->squarearrowrightnext iconforward arrowdirection iconproceed icon
FAQ
- What is the square arrow right icon used for?
- It's typically used to signify moving forward, proceeding to the next item, or indicating a direction, like a 'next' or 'submit' button.
- How do I use the square arrow right icon in React?
- You can import and use it like this: import { SquareArrowRight } from 'lucide-react'; <SquareArrowRight />
- What is the license for the Lucide square arrow right icon?
- The Lucide icon library, including the square 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 →