The Tabler arrows up icon depicts two upward-pointing arrows and is commonly used to indicate actions like sorting data in ascending order, navigating to the top of a page, or signifying an increase.
Common uses
- Sort data ascending
- Scroll to top button
- Indicate price increase
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowsUp } from '@tabler/icons-react';
<IconArrowsUp size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- directionnortharrowstopincreasenavigationflowriseupwardupsort ascendingscroll to topup arrow
FAQ
- What is the purpose of the arrows up icon?
- It visually represents upward movement, increase, or a return to the top, often used for sorting, navigation, or indicating positive trends.
- How do I use the arrows up icon in React?
- You can import and use it directly with: import { IconArrowsUp } from '@tabler/icons-react'
- What is the license for the Tabler icons?
- Tabler icons are distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Tabler.