The Tabler arrow move up icon depicts an arrow pointing upwards with a slight curve, commonly used to indicate an action of moving content or an element to a higher position or the top of a list.
Common uses
- Button to move selected item to the top of a list
- Drag handle for reordering elements upwards
- Indicate increasing a value or level
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowMoveUp } from '@tabler/icons-react';
<IconArrowMoveUp size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconArrowMoveUp size={24} stroke={2} />filled
<IconArrowMoveUpFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- directionnorthtoparrowmovepointerincreasenavigationflownavigatearrowsupmove to topsort upincrease directionpointer up
FAQ
- What does the arrow-move-up icon represent?
- It represents the action of moving something upwards or to the top. It's often used for reordering or indicating an increase.
- How do I use the arrow-move-up icon in React?
- You can import and use it directly in your React components like this: import { IconArrowMoveUp } from '@tabler/icons-react'; <IconArrowMoveUp />
- What is the license for the Tabler arrow-move-up icon?
- The Tabler icon library, including the arrow-move-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 →