The Tabler arrow narrow up icon depicts a thin, upward-pointing arrow, commonly used to indicate an action to move content or the view upwards, such as scrolling to the top or indicating an increase.
Common uses
- Scroll to top button
- Indicate data increase or positive trend
- Navigation to a higher section
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowNarrowUp } from '@tabler/icons-react';
<IconArrowNarrowUp size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- toppointarrownarrowdirectionpointerincreasenavigationflownavigatearrowsupscroll upback to topincrease arrowpoint up
FAQ
- What is the arrow-narrow-up icon used for?
- It's typically used to signify upward movement, returning to the top of a page, or indicating an increase or positive trend.
- How do I use the arrow-narrow-up icon in React?
- You can import and use it in React with: `import { IconArrowNarrowUp } from '@tabler/icons-react'`. Then render it as `<IconArrowNarrowUp />`.
- What is the license for the Tabler arrow-narrow-up icon?
- The Tabler icon library, including the arrow-narrow-up icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.