The Phosphor arrow fat line right icon depicts a thick, solid rightward-pointing arrow and is commonly used to indicate forward movement, continuation, or a primary action.
Common uses
- Next page navigation
- Submit button
- Expand/collapse section
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ArrowFatLineRight } from '@phosphor-icons/react';
<ArrowFatLineRight size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ArrowFatLineRight size={24} />thin
<ArrowFatLineRight size={24} weight="thin" />light
<ArrowFatLineRight size={24} weight="light" />bold
<ArrowFatLineRight size={24} weight="bold" />fill
<ArrowFatLineRight size={24} weight="fill" />duotone
<ArrowFatLineRight size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- arrows
- Keywords
- directionalpointerpointingarrowheadoutlinedarrowsarrowfatlinerightright arrowforward iconnext buttonthick arrow
FAQ
- What is the arrow fat line right icon used for?
- This icon represents directionality, typically indicating forward movement, progression, or a call to action like submitting a form.
- How do I use the arrow fat line right icon in React?
- You can import and use it in your React application with: import { ArrowFatLineRight } from '@phosphor-icons/react'. Then, render it like <ArrowFatLineRight size={24} />.
- What is the license for this icon?
- The Phosphor icon library, including the arrow fat line right icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →