The Tabler hexagon number 9 icon depicts the digit '9' enclosed within a hexagonal shape, commonly used to represent numerical values or counts in user interfaces.
Common uses
- Displaying a count of 9 items.
- Indicating a score or level of 9.
- Labeling a section related to the number 9.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconHexagonNumber9 } from '@tabler/icons-react';
<IconHexagonNumber9 size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconHexagonNumber9 size={24} stroke={2} />filled
<IconHexagonNumber9Filled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Numbers
- Keywords
- shapenumberdigithexagonnumericnumeralcountquantity9numbersnumber 9 hexagondigit 9 shapehexagonal ninecount 9
FAQ
- What is the purpose of the hexagon number 9 icon?
- It visually represents the number 9, often used for counts, scores, or labels where a distinct numerical indicator is needed within a geometric shape.
- How do I use the hexagon number 9 icon in React?
- You can import and use it directly in your React components like this: import { IconHexagonNumber9 } from '@tabler/icons-react'; <IconHexagonNumber9 />
- What is the license for the Tabler hexagon number 9 icon?
- The Tabler icons, including hexagon number 9, are distributed under the MIT license, allowing for free use in both personal and commercial projects.
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 →