The Lucide arrow right from line icon visually represents moving an item or data from a contained space to an outward direction, often used for actions like exporting or proceeding.
Common uses
- Exporting data or files
- Moving to the next step in a process
- Indicating an outward flow or expansion
Use it in React
Install
npm i lucide-reactImport & render
import { ArrowRightFromLine } from 'lucide-react';
<ArrowRightFromLine size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- nextforwarddirectioneastexportexpandfoldhorizontal|->arrowrightfromlinenext stepoutward arrowmove right
FAQ
- What does the arrow-right-from-line icon signify?
- This icon typically signifies an action of moving something out of a boundary or into a new space, commonly used for export or progression.
- How do I use this icon in React?
- You can import and use it in React with: import { ArrowRightFromLine } from 'lucide-react'
- What is the license for this 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 →