John KuehJohn Kueh

number circle three icon

Phosphor · number-circle-three · MIT

Download SVG

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/react
Import & 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 →