The Tabler arrow up icon depicts an upward-pointing arrow, commonly used to indicate movement towards the top, an increase, or a return to the beginning of a page.
Common uses
- Scroll to top button
- Indicate a price increase
- Navigation to a higher level
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowUp } from '@tabler/icons-react';
<IconArrowUp size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- toppointarrowdirectionpointerincreasenavigationflownavigatemovearrowsupup arrowpointer updirection upincrease icon
FAQ
- What is the arrow up icon used for?
- It's typically used to signify upward movement, increase, or returning to the top of content.
- How do I use the arrow up icon in React?
- You can import and use it like this: import { IconArrowUp } from '@tabler/icons-react'.
- What is the license for Tabler icons?
- Tabler icons are distributed under the MIT license, allowing for free commercial and non-commercial use.
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 →