The Phosphor number square nine icon depicts the numeral 9 within a square, commonly used to represent numerical input fields, specific numerical values, or financial data points in user interfaces.
Common uses
- Labeling a numerical input for 'quantity 9'.
- Indicating a '9th item' in a list or sequence.
- Representing a '9%' discount or fee in a financial context.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { NumberSquareNine } from '@phosphor-icons/react';
<NumberSquareNine size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<NumberSquareNine size={24} />thin
<NumberSquareNine size={24} weight="thin" />light
<NumberSquareNine size={24} weight="light" />bold
<NumberSquareNine size={24} weight="bold" />fill
<NumberSquareNine size={24} weight="fill" />duotone
<NumberSquareNine size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- finances
- Keywords
- 9numbersnumeralsdigitsmathematicsarithmeticcalculatorfinancesnumbersquareninenine squarenumber 9digit ninenumeral 9
FAQ
- What is the number square nine icon used for?
- It's used to visually represent the number 9, often in contexts related to finance, mathematics, or numerical data entry.
- How do I use this icon in React?
- You can import and use it like this: import { NumberSquareNine } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including this 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 →