The Tabler menu order icon depicts two arrows, one pointing up and one pointing down, to represent the action of reordering or sorting items, commonly used for list management or navigation.
Common uses
- Reordering list items
- Sorting search results
- Adjusting navigation menu order
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconMenuOrder } from '@tabler/icons-react';
<IconMenuOrder size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- movearrowsupdownsouthnorthbottomtopmenuordersystemsortreordermove up downlist order
FAQ
- What is the menu order icon used for?
- It's used to indicate the ability to change the sequence or priority of elements within a list or menu.
- How do I use this icon in React?
- Import it using `import { IconMenuOrder } from '@tabler/icons-react'` and then use it as a component: `<IconMenuOrder />`.
- What is the license for this icon?
- The Tabler icon library, including this 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 →