The Phosphor coin icon visually represents currency or monetary value, commonly used in interfaces to denote financial transactions, pricing, or balances.
Common uses
- Displaying a user's account balance.
- Indicating the price of an item in a shop.
- Representing a transaction fee or cost.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Coin } from '@phosphor-icons/react';
<Coin size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Coin size={24} />thin
<Coin size={24} weight="thin" />light
<Coin size={24} weight="light" />bold
<Coin size={24} weight="bold" />fill
<Coin size={24} weight="fill" />duotone
<Coin size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- commerce
- Keywords
- coinscentschangemoneycurrencypaymentpayingpurchasepricesellcommercefinancescoin
FAQ
- What does the coin icon represent?
- The coin icon typically represents money, currency, or financial value. It's used in UIs to signify concepts related to payment, pricing, or monetary balances.
- How do I use the coin icon in React?
- You can import and use the coin icon in React with the following statement: `import { Coin } from '@phosphor-icons/react'`. Then, render it as a component: `<Coin />`.
- What is the license for the Phosphor coin icon?
- The Phosphor coin icon, like all icons in the Phosphor library, 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 →