The Phosphor number circle six icon depicts the numeral 6 enclosed in a circle, commonly used to represent the number six in lists, numerical indicators, or financial contexts.
Common uses
- Displaying the sixth item in a numbered list.
- Indicating a quantity of six.
- Representing a specific financial value or account number.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { NumberCircleSix } from '@phosphor-icons/react';
<NumberCircleSix size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<NumberCircleSix size={24} />thin
<NumberCircleSix size={24} weight="thin" />light
<NumberCircleSix size={24} weight="light" />bold
<NumberCircleSix size={24} weight="bold" />fill
<NumberCircleSix size={24} weight="fill" />duotone
<NumberCircleSix size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- finances
- Keywords
- 6roundnumbersnumeralsdigitsmathematicsarithmeticcalculatorfinancesnumbercirclesixnumber 6 iconsix numeralround sixdigit 6
FAQ
- What is the number circle six icon for?
- This icon represents the number 6 within a circular shape. It's useful for lists, quantities, or any UI element where the numeral 6 needs a distinct visual representation.
- How do I use the number circle six icon in React?
- You can import and use it in your React application like this: import { NumberCircleSix } from '@phosphor-icons/react'. Then, render it as <NumberCircleSix />.
- What is the license for this icon?
- The Phosphor icon library, including the number circle six 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 →