The Heroicons currency euro icon depicts the symbol for the Euro currency and is typically used in user interfaces to represent monetary values, pricing, or financial transactions related to the Eurozone.
Common uses
- Displaying prices in Euros
- Indicating currency conversion options
- Labeling financial accounts or transactions
Use it in React
Install
npm i @heroicons/reactImport & render
import { CurrencyEuroIcon } from '@heroicons/react/24/outline';
<CurrencyEuroIcon className="size-6" />Styles
Heroicons ships this icon in 4 styles — each its own import:
24/outline
<CurrencyEuroIcon className="size-6" />24/solid
<CurrencyEuroIcon className="size-6" />20/solid
<CurrencyEuroIcon className="size-6" />16/solid
<CurrencyEuroIcon className="size-6" />Details
- Library
- Heroicons (324 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- currencyeuroeuro symbolcurrency symbolmoney euroeurope currency
FAQ
- What does the currency euro icon represent?
- It represents the symbol for the Euro currency (€), commonly used for financial contexts within the Eurozone.
- How do I use the currency euro icon in React?
- You can import and use it like this: import { CurrencyEuroIcon } from '@heroicons/react/24/outline'; <CurrencyEuroIcon className="h-6 w-6" />
- What is the license for this icon?
- The Heroicons currency euro icon is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Heroicons.
Looking for something else? Search Heroicons 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 →