The Phosphor number square eight icon depicts the numeral 8 within a square, commonly used to represent numerical values, specific quantities, or financial figures in user interfaces.
Common uses
- Displaying a quantity of 8 items.
- Labeling a financial report section.
- Indicating a numerical input field for the digit 8.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { NumberSquareEight } from '@phosphor-icons/react';
<NumberSquareEight size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<NumberSquareEight size={24} />thin
<NumberSquareEight size={24} weight="thin" />light
<NumberSquareEight size={24} weight="light" />bold
<NumberSquareEight size={24} weight="bold" />fill
<NumberSquareEight size={24} weight="fill" />duotone
<NumberSquareEight size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- finances
- Keywords
- 8numbersnumeralsdigitsmathematicsarithmeticcalculatorfinancesnumbersquareeightnumeral 8digit 8number 8 square
FAQ
- What is the number square eight icon used for?
- It's used to represent the number 8, often in contexts related to finances, mathematics, or specific quantities within a UI.
- How do I use this icon in React?
- You can import and use it like this: import { NumberSquareEight } from '@phosphor-icons/react'. Then render it as <NumberSquareEight />.
- What is the license for this icon?
- The Phosphor icon library, including the number square eight icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →