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/reactImport & 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 →