The Tabler arrow bar up icon depicts an arrow pointing upwards from a horizontal bar, commonly used to indicate actions like moving an item to the top, uploading, or increasing a value.
Common uses
- Move item to top of a list
- Upload file
- Scroll to top
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowBarUp } from '@tabler/icons-react';
<IconArrowBarUp size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- dragmovearrowbardirectionpointertopincreasenavigationflowarrowsupupload iconmove to topscroll uparrow up
FAQ
- What does the arrow bar up icon represent?
- It visually represents an upward direction or an action related to moving something to the highest position, such as uploading or bringing an item to the top.
- How do I use the arrow bar up icon in React?
- You can import and use it in your React application with the following statement: `import { IconArrowBarUp } from '@tabler/icons-react'`.
- What is the license for the Tabler arrow bar up icon?
- The Tabler icon library, including the arrow bar up icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →