The HugeIcons arrow right from line icon depicts a rightward-pointing arrow originating from a horizontal line, commonly used to signify proceeding to the next step, advancing, or indicating a direction of flow.
Common uses
- Next step in a wizard or onboarding flow
- Submit button for forms
- Indicating a link to more information
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ArrowRightFromLineIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ArrowRightFromLineIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- next iconforward arrowproceed iconarrow next
FAQ
- What is the ArrowRightFromLineIcon used for?
- This icon is typically used to indicate progression, moving forward, or directing users to the next action or piece of content.
- How do I use the ArrowRightFromLineIcon in React?
- Import both HugeiconsIcon and ArrowRightFromLineIcon from their respective packages and render the icon using the <HugeiconsIcon icon={ArrowRightFromLineIcon} /> component.
- What is the license for this icon?
- The HugeIcons arrow right from line icon is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →