The Phosphor arrow fat lines up icon depicts a thick, upward-pointing arrow composed of parallel lines, commonly used to indicate an action that moves content or focus towards the top of a page or section.
Common uses
- Scroll to top button
- Expand section indicator
- Upload or submit action
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ArrowFatLinesUp } from '@phosphor-icons/react';
<ArrowFatLinesUp size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ArrowFatLinesUp size={24} />thin
<ArrowFatLinesUp size={24} weight="thin" />light
<ArrowFatLinesUp size={24} weight="light" />bold
<ArrowFatLinesUp size={24} weight="bold" />fill
<ArrowFatLinesUp size={24} weight="fill" />duotone
<ArrowFatLinesUp size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- arrows
- Keywords
- directionalpointerpointingarrowheadoutlinedarrowsarrowfatlinesupscroll upthick arrow upupload iconmove up
FAQ
- What is the arrow fat lines up icon used for?
- This icon is typically used to signify upward movement, such as scrolling to the top of a page, expanding a section, or indicating an upload or submission action.
- How do I use the arrow fat lines up icon in React?
- You can import and use it in your React application with: import { ArrowFatLinesUp } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including the arrow fat lines up 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 →