The HugeIcons move top icon visually represents the action of moving an element or content to the uppermost position, commonly used for navigation or reordering.
Common uses
- Scroll to top button
- Move item to first in a list
- Navigate to the beginning of a page
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { MoveTopIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={MoveTopIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- scroll to toparrow uptop of pagefirst item
FAQ
- What is the 'move top' icon used for?
- It signifies moving something to the very top, like scrolling to the top of a page or placing an item at the beginning of a list.
- How do I use the MoveTopIcon in React?
- Import both HugeiconsIcon and MoveTopIcon, then render <HugeiconsIcon icon={MoveTopIcon} />.
- What is the license for this icon?
- The HugeIcons library, including the MoveTopIcon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →