The Phosphor number circle three icon depicts the numeral '3' enclosed in a circle, commonly used to represent the number three in lists, steps, or numerical indicators within a user interface.
Common uses
- Indicating the third step in a multi-step process.
- Labeling a section or item as number three.
- Displaying a quantity of three items.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { NumberCircleThree } from '@phosphor-icons/react';
<NumberCircleThree size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<NumberCircleThree size={24} />thin
<NumberCircleThree size={24} weight="thin" />light
<NumberCircleThree size={24} weight="light" />bold
<NumberCircleThree size={24} weight="bold" />fill
<NumberCircleThree size={24} weight="fill" />duotone
<NumberCircleThree size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- finances
- Keywords
- 3roundnumbersnumeralsdigitsmathematicsarithmeticcalculatorfinancesnumbercirclethreethree circlenumber 3 icondigit threeround three
FAQ
- What is the number circle three icon used for?
- It's used to visually represent the number three, often in ordered lists, steps, or numerical tags.
- How do I use the number circle three icon in React?
- You can import and use it like this: import { NumberCircleThree } from '@phosphor-icons/react'; <NumberCircleThree />.
- 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 →