John KuehJohn Kueh

currency euro icon

Heroicons · currency-euro · MIT

Download SVG

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/react
Import & 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 →