The HugeIcons arrange by numbers one nine icon visually represents a sequential ordering or listing from one to nine, commonly used to indicate steps, priority, or a numbered list in user interfaces.
Common uses
- Step indicator in a multi-step process
- Displaying numbered items in a list
- Indicating priority levels
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ArrangeByNumbersOneNineIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ArrangeByNumbersOneNineIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- numbered listsequenceordersteps
FAQ
- What does the ArrangeByNumbersOneNineIcon represent?
- This icon depicts a sequence from one to nine, suitable for representing ordered lists, steps, or priority.
- How do I use this icon in a React application?
- Import the icon and use it with the HugeiconsIcon component: import { HugeiconsIcon } from '@hugeicons/react'; import { ArrangeByNumbersOneNineIcon } from '@hugeicons/core-free-icons'; then render <HugeiconsIcon icon={ArrangeByNumbersOneNineIcon} />.
- What is the license for this icon?
- The HugeIcons library, including this icon, is distributed 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 →