The Tabler hexagon number 7 icon depicts the numeral 7 enclosed within a hexagonal shape, commonly used to represent a count, quantity, or specific numeric identifier in user interfaces.
Common uses
- Displaying a numerical value in a dashboard widget.
- Indicating a step in a numbered process.
- Labeling a specific item in a list or grid.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconHexagonNumber7 } from '@tabler/icons-react';
<IconHexagonNumber7 size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconHexagonNumber7 size={24} stroke={2} />filled
<IconHexagonNumber7Filled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Numbers
- Keywords
- shapenumberdigithexagonnumericnumeralcountquantity7numbershexagon 7number 7 hexagondigit 7 shapenumeric 7
FAQ
- What is the purpose of the hexagon number 7 icon?
- This icon is used to visually represent the number 7, often in contexts where a distinct, shaped numeral is desired for clarity or design.
- How do I use the hexagon number 7 icon in React?
- You can import and use it in your React application with: import { IconHexagonNumber7 } from '@tabler/icons-react'
- What is the license for this icon?
- The Tabler icons, including hexagon number 7, are 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 →