HTML Entity for Euro Sign (€)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+20AC

HTML Entity for euro sign (U+20AC) tutorial illustration

Definition

What Is Euro Sign?

Euro sign (€) is the Unicode character at U+20AC in Currency Symbols. Official name: EURO SIGN. HTML5 names it €. Use it for modern euro prices and currency UI.

Remember

Character     €
Unicode       U+20AC
Named entity  &euro;
Hex entity    &#x20AC;
Decimal       &#8364;
CSS escape    \20AC
Not the same  ₠ (euro-currency) · $ · £ · ¥

Prefer € in HTML markup. You can also use € / €, or type € in a UTF-8 document.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`€`	HTML markup (preferred)
Hex entity	`€`	HTML markup
Decimal entity	`€`	HTML markup
Direct character	`€`	HTML text (UTF-8)
CSS escape	`\20AC`	Stylesheet `content`

When to Use Which

Situation	Use
Modern euro prices / currency UI	`€` or type `€`
Historical euro-currency glyph	Euro currency sign (₠)
US dollar	Dollar sign (`$` / `&dollar;`)
Pound sterling	Pound sign (`£`, £)
Generated text via `::before` / `::after`	`content: "\20AC"`

See it

Live Preview

Euro sign rendered alone, in a sample price, and compared with other currency symbols.

Glyph €

Large glyph €

Sample € 12.50

Compared € ₠ $ £

With entities Named: € | Hex: € | Decimal: €

Code

Complete HTML Example

One page that shows Euro sign with named, hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Named + Hex + Decimal + CSS + Typed

Five ways to display € in HTML and CSS.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Euro Sign (U+20AC) in HTML</title>
  <style>
    #point::after {
      content: "\20AC";
    }
  </style>
</head>
<body>
  <p>Built with Named: &euro;</p>
  <p>Built with Hex: &#x20AC;</p>
  <p>Built with Decimal: &#8364;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: €</p>
  <p>Price: &euro; 12.50</p>
</body>
</html>

Try It Yourself

How It Works

1. Named: € is the preferred HTML5 name for U+20AC → €.

2. Hex: € inserts the same code point. Same visual as named.

3. Decimal: same code point as 8364 → €.

4. CSS: use \20AC in content (not an HTML entity). #point::after appends €.

5. Typed: paste € in a UTF-8 document, or write a price like € 12.50.

Pitfalls & Tips

Common mistakes when working with Euro sign.

Name

Prefer €

€ is the clear HTML5 named form. It is case-sensitive — write €, not &EURO;.

₠

Not euro-currency sign

U+20A0 (₠) is a historical glyph. Prefer € for modern euro amounts.

Encoding

Serve UTF-8

If you type € directly, declare UTF-8 (<meta charset="UTF-8">) so the glyph does not corrupt.

CSS vs HTML

Do not mix escapes

\20AC belongs in CSS strings. € / € / € belong in HTML.

a11y

Add accessible text

When the symbol alone may be unclear, pair it with a currency code in accessible text (for example “EUR 12.50”) if your audience needs it.

Semicolon

End references

Always finish entities with ; — write €, not &euro.

Compatibility

Browser Support

Euro sign (U+20AC) and its entity forms (€, €, €, CSS \\20AC) are supported in all mainstream browsers. Visible glyphs depend on Currency Symbols font coverage.

✓ Universal support

Euro Sign (€)

Encode with named, hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer All versions

Yes

U+20AC / € Full support

Bottom line: Prefer € in HTML. Use € / € when numeric form is required, and \\20AC only inside CSS content.

Remember

Key Takeaways

Unicode: euro sign is U+20AC (decimal 8364) — glyph €.
HTML: prefer € (or € / €).
CSS: use \20AC inside content for generated text.
Meaning: € ≠ historical euro-currency ₠.

One line: U+20AC → € / € / CSS \20AC.

Frequently Asked Questions

How do I display € in HTML?

Use € (named), € (hex), € (decimal), type € directly in UTF-8, or the CSS escape \20AC in content.

What is the Unicode value for this symbol?

U+20AC (EURO SIGN). Hex 20AC, decimal 8364. It belongs to the Currency Symbols block (U+20A0–U+20CF).

Can I use the named entity € for the euro sign?

Yes. € is the HTML5 named entity for U+20AC. It is case-sensitive — &EURO; is not valid.

When should I use U+20AC?

Use it for modern euro prices and currency UI. Prefer dollar ($), pound (£), or yen (¥) for those currencies, and euro currency sign (U+20A0) only for the historical glyph.

What is the difference between HTML code and CSS entity for U+20AC?

HTML entities (€, €, or €) go in markup. The CSS escape \20AC goes in stylesheet strings (usually content on ::before/::after).

Is U+20AC the same as U+20A0?

No. U+20AC is € (euro sign). U+20A0 is ₠ (euro-currency sign), a historical symbol without a named entity.

Did you know?

Euro sign is Unicode U+20AC (decimal 8364) — glyph € (EURO SIGN) in Currency Symbols. HTML5 names it € (case-sensitive). Prefer it for modern euro amounts. Do not confuse it with the historical euro currency sign (₠, U+20A0).

Next: Excess

Learn the HTML entity for excess (U+2239).

Excess tutorial →

About the author

Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

Experience 12 years building web and cloud systems
Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Euro Currency Sign HTML Entity | Excess