HTML Entity for Euro Sign (€)
What You'll Learn
How to display the Euro Sign (€) in HTML using hexadecimal, decimal, named entity, and CSS escape methods. This character is U+20AC (EURO SIGN) in the Currency Symbols block (U+20A0–U+20CF)—the official symbol for the Euro currency across the Eurozone and beyond.
Render it with €, €, the named entity €, or CSS escape \20AC. Do not confuse € with the legacy euro-currency sign (₠, ECU) or plain letter E.
⚡ Quick Reference — Euro Sign
U+20ACCurrency Symbols
€Hexadecimal reference
€Decimal reference
€Most readable for prices
Name Value
──────────── ──────────
Unicode U+20AC
Hex code €
HTML code €
Named entity €
CSS code \20AC
Meaning Euro currency symbol
Related U+20A0 = Euro-currency sign (₠, legacy ECU)Complete HTML Example
This example demonstrates the Euro Sign (€) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\20AC";
}
</style>
</head>
<body>
<p>Euro Sign using Hexadecimal: €</p>
<p>Euro Sign using HTML Code: €</p>
<p>Euro Sign using HTML Entity: €</p>
<p id="point">Euro Sign using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Euro Sign entity is universally supported in modern browsers:
👀 Live Preview
See the Euro sign (€) in a price context and compared with the euro-currency sign (₠):
€ € vs ₠€ €🧠 How It Works
Hexadecimal Code
€ uses the Unicode hexadecimal value 20AC to display the Euro Sign. The x prefix indicates hexadecimal format.
Decimal HTML Code
€ uses the decimal Unicode value 8364 to display the same character.
Named Entity
€ is the semantic named entity for the Euro Sign—easiest to read in price and financial markup.
CSS Entity
\20AC is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All four methods produce the glyph: €. Unicode U+20AC in the Currency Symbols block (U+20A0–U+20CF).
Use Cases
The Euro Sign (€) commonly appears in:
Product pages, carts, and checkout prices (e.g. 99,00 €).
Account balances, rates, and financial data in Euro.
Billing documents, receipts, and payment confirmations.
Landing pages and offers targeting European audiences.
Converters, comparison tables, and finance dashboards.
Currency entity reference pages and glossaries.
💡 Best Practices
Do
- Use
€for readable price markup (U+20AC) - Match symbol placement to locale (e.g. 99,00 € in many EU countries)
- Serve pages with UTF-8 (
<meta charset="utf-8">) - Add
aria-label(e.g. “99 euros”) for accessibility - Use CSS
contentfor reusable price components
Don’t
- Confuse € (
€) with ₠ (euro-currency / ECU sign) - Substitute the letter
EorEURwhen the symbol is required - Put CSS escape
\20ACin HTML text nodes - Assume every font renders € clearly at small sizes
- Mix entity styles randomly in one file
Key Takeaways
Three HTML references plus CSS all render €
€ € €For CSS stylesheets, use the escape in the content property
\20ACUnicode U+20AC — EURO SIGN
€ is the standard named entity
Not the same as ₠ (legacy euro-currency sign)
❓ Frequently Asked Questions
€ (hex), € (decimal), € (named), or \20AC in CSS content. All produce €.U+20AC (EURO SIGN). Currency Symbols block (U+20A0–U+20CF). Hex 20AC, decimal 8364. Official Euro currency symbol.€ renders € (U+20AC, modern Euro sign). ₠ (U+20A0) is the legacy euro-currency (ECU) sign with no named entity. Use € for everyday Euro prices.€, €, or €) go directly in markup. The CSS escape \20AC is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, finance, and more.
About the author
8 people found this page helpful