The Tabler square number 7 icon depicts the digit 7 enclosed within a square, commonly used to represent numerical values, specific data points, or sequential ordering in user interfaces.
Common uses
- Displaying a count of 7 items.
- Labeling a step in a 7-step process.
- Indicating a rating or score of 7.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSquareNumber7 } from '@tabler/icons-react';
<IconSquareNumber7 size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconSquareNumber7 size={24} stroke={2} />filled
<IconSquareNumber7Filled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Numbers
- Keywords
- sevenzeronumberdigitquantityamountordermathssumtotalnumberssquare7number 7digit 7math 7
FAQ
- What is the square number 7 icon used for?
- It's used to visually represent the number 7, often in contexts like lists, counts, or data points within a UI.
- How do I use the square number 7 icon in React?
- You can import and use it in React with: import { IconSquareNumber7 } from '@tabler/icons-react'
- What is the license for this icon?
- This icon is provided 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.