The Phosphor number square one icon depicts the numeral '1' within a square, commonly used to represent the first item in a sequence, a primary option, or a singular value in financial contexts.
Common uses
- Displaying the first step in a multi-step process.
- Indicating the primary account or selection.
- Labeling the first item in a financial report or list.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { NumberSquareOne } from '@phosphor-icons/react';
<NumberSquareOne size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<NumberSquareOne size={24} />thin
<NumberSquareOne size={24} weight="thin" />light
<NumberSquareOne size={24} weight="light" />bold
<NumberSquareOne size={24} weight="bold" />fill
<NumberSquareOne size={24} weight="fill" />duotone
<NumberSquareOne size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- finances
- Keywords
- 1numbersnumeralsdigitsmathematicsarithmeticcalculatorfinancesnumbersquareoneone squarefirst numeralsingle digitprimary number
FAQ
- What is the number square one icon used for?
- It's typically used to represent the number one, the first item, or a primary choice, especially in financial or sequential UIs.
- How do I use the number square one icon in React?
- You can import and use it like this: import { NumberSquareOne } from '@phosphor-icons/react'.
- What is the license for Phosphor icons?
- Phosphor icons, including number square one, are distributed 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 →