John KuehJohn Kueh

number four icon

Phosphor · number-four · MIT

Download SVG

The Phosphor number four icon depicts the numeral '4' and is commonly used in UIs to represent numerical values, quantities, or specific data points related to the number four.

Common uses

  • Displaying a quantity of four items.
  • Indicating a step in a four-part process.
  • Labeling a section or option as '4'.

Use it in React

Install
npm i @phosphor-icons/react
Import & render
import { NumberFour } from '@phosphor-icons/react';

<NumberFour size={24} />

Styles

Phosphor ships this icon in 6 styles — each its own import:

regular
<NumberFour size={24} />
thin
<NumberFour size={24} weight="thin" />
light
<NumberFour size={24} weight="light" />
bold
<NumberFour size={24} weight="bold" />
fill
<NumberFour size={24} weight="fill" />
duotone
<NumberFour size={24} weight="duotone" />

Details

Library
Phosphor (1,512 icons)
License
MIT
viewBox
0 0 256 256
Category
finances
Keywords
*updated*4numbersnumeralsdigitsmathematicsarithmeticcalculatorfinancesnumberfournumeral fourdigit 4number 4

FAQ

What is the number four icon used for?
It's used to visually represent the number 4 in various contexts, such as quantities, steps, or numerical labels within an interface.
How do I use the number four icon in React?
You can import and use it like this: import { NumberFour } from '@phosphor-icons/react'; <NumberFour />
What is the license for the Phosphor number four icon?
The Phosphor icon library, including the number four 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 →