The Phosphor currency circle dollar icon depicts a dollar sign within a circle, commonly used to represent monetary transactions, payments, or general currency-related concepts in user interfaces.
Common uses
- Button for initiating a payment process
- Label for a pricing or cost section
- Indicator for a financial transaction history
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { CurrencyCircleDollar } from '@phosphor-icons/react';
<CurrencyCircleDollar size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<CurrencyCircleDollar size={24} />thin
<CurrencyCircleDollar size={24} weight="thin" />light
<CurrencyCircleDollar size={24} weight="light" />bold
<CurrencyCircleDollar size={24} weight="bold" />fill
<CurrencyCircleDollar size={24} weight="fill" />duotone
<CurrencyCircleDollar size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- commerce
- Keywords
- moneyusdpaymentpayingpurchasecommercefinancescurrencycircledollardollar signfinance
FAQ
- What does the currency circle dollar icon represent?
- It represents a dollar sign enclosed in a circle, symbolizing money, currency, or financial transactions.
- How do I use this icon in React?
- Import it from the library like this: `import { CurrencyCircleDollar } from '@phosphor-icons/react'`. Then use it as a component: `<CurrencyCircleDollar />`.
- 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 →