The Lucide arrow right to line icon depicts an arrow pointing to the right, indicating a transition or movement towards a defined endpoint, often used to signify moving to the next step or a final destination.
Common uses
- Next item/page navigation
- Export or send data
- Indenting content
Use it in React
Install
npm i lucide-reactImport & render
import { ArrowRightToLine } from 'lucide-react';
<ArrowRightToLine size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- nextforwarddirectioneasttabkeyboardmacindentcollapsefoldhorizontal->|arrowrighttoline
FAQ
- What does the arrow-right-to-line icon represent?
- This icon represents moving an item or action towards a final destination or boundary, like proceeding to the next step or exporting data.
- How do I use the arrow-right-to-line icon in React?
- You can import and use it in React with: import { ArrowRightToLine } from 'lucide-react'
- What is the license for the arrow-right-to-line icon?
- The Lucide icon library, including this 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 →