The Phosphor number circle one icon depicts the numeral '1' within a circle and is commonly used to indicate the first item in a list, a primary option, or a single unit in financial contexts.
Common uses
- Highlighting the first step in a tutorial.
- Indicating the primary account or balance.
- Labeling the first option in a selection.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { NumberCircleOne } from '@phosphor-icons/react';
<NumberCircleOne size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<NumberCircleOne size={24} />thin
<NumberCircleOne size={24} weight="thin" />light
<NumberCircleOne size={24} weight="light" />bold
<NumberCircleOne size={24} weight="bold" />fill
<NumberCircleOne size={24} weight="fill" />duotone
<NumberCircleOne size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- finances
- Keywords
- 1roundnumbersnumeralsdigitsmathematicsarithmeticcalculatorfinancesnumbercircleonefirstprimarysingleround one
FAQ
- What is the number circle one icon used for?
- It's used to represent the number one, often as a primary indicator, the first item in a sequence, or in financial UIs.
- How do I use this icon in React?
- Import it from the library like this: import { NumberCircleOne } from '@phosphor-icons/react'. Then use it as a component: <NumberCircleOne />.
- 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 →