The Phosphor currency eur icon depicts the symbol for the Euro (€) and is commonly used in UI elements related to e-commerce, pricing, and financial transactions.
Common uses
- Displaying prices in Euros.
- Indicating payment options.
- Labeling financial accounts or balances.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { CurrencyEur } from '@phosphor-icons/react';
<CurrencyEur size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<CurrencyEur size={24} />thin
<CurrencyEur size={24} weight="thin" />light
<CurrencyEur size={24} weight="light" />bold
<CurrencyEur size={24} weight="bold" />fill
<CurrencyEur size={24} weight="fill" />duotone
<CurrencyEur size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- commerce
- Keywords
- moneyeurospaymentpayingpurchasecommercefinancescurrencyeureuro symboleuropean currencymoney symboleuro sign
FAQ
- What does the currency eur icon represent?
- It represents the Euro currency symbol (€). It's used for anything related to Euros, such as pricing or payments.
- How do I use the currency eur icon in React?
- You can import and use it like this: import { CurrencyEur } from '@phosphor-icons/react'; <CurrencyEur />.
- What is the license for this icon?
- The Phosphor icon set, including the currency eur 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 →