The Phosphor number circle zero icon depicts the numeral 0 within a circle, commonly used in UI to represent zero values, initial states, or as a numerical indicator in financial contexts.
Common uses
- Displaying a default or zero balance in a financial app.
- Indicating the first item in a numbered list or sequence.
- Resetting a numerical input field to zero.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { NumberCircleZero } from '@phosphor-icons/react';
<NumberCircleZero size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<NumberCircleZero size={24} />thin
<NumberCircleZero size={24} weight="thin" />light
<NumberCircleZero size={24} weight="light" />bold
<NumberCircleZero size={24} weight="bold" />fill
<NumberCircleZero size={24} weight="fill" />duotone
<NumberCircleZero size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- finances
- Keywords
- 0roundnumbersnumeralsdigitsmathematicsarithmeticcalculatorfinancesnumbercirclezerozero iconnumber 0 iconinitial valuedefault number
FAQ
- What is the number circle zero icon used for?
- It's used to visually represent the number zero, often in financial interfaces, as a placeholder, or to indicate an initial or default state.
- How do I use the number circle zero icon in React?
- You can import and use it like this: import { NumberCircleZero } from '@phosphor-icons/react'; <NumberCircleZero size={24} />
- What is the license for this icon?
- The Phosphor icon library, including the number circle zero 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 →