The Tabler arrow bar to up icon visually represents moving content or an element upwards, often used to indicate an upload action or to bring something to the top of a list.
Common uses
- Upload button
- Scroll to top functionality
- Move item to top of queue
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowBarToUp } from '@tabler/icons-react';
<IconArrowBarToUp size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- dragmovearrowbardirectionpointertopincreasenavigationflowarrowstoupupload iconmove upto top
FAQ
- What does the arrow bar to up icon signify?
- It signifies an action of moving something upwards, commonly used for uploads or positioning items at the top.
- How do I use this icon in React?
- You can import it using `import { IconArrowBarToUp } from '@tabler/icons-react';` and then use it as a component.
- What is the license for this icon?
- This icon is available under the MIT license, allowing for free usage.
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 →