HTML Currency Entities

Q: How do I display currency symbols like euro or dollar in HTML?

Use named character references when they exist (for example €, £, ¥, ¢, &dollar;, ¤), or numeric references such as € (hex) and € (decimal) for the euro. All valid references for the same code point render the same glyph.

Q: What are the most common HTML currency entities?

Frequent choices include &dollar; ($), ¢ (¢), £ (£), ¤ (generic currency), ¥ (¥), and € (€). Symbols such as the Indian rupee (₹) or Russian ruble (₽) typically use hex or decimal codes because there is no short standard named entity in HTML5.

Q: When should I use HTML currency entities instead of typing the symbol?

Use entities when you want ASCII-safe source, generated markup from templates, XML-style constraints, or explicit documentation of the code point. UTF-8 plain text is fine when the whole toolchain is Unicode-safe.

Q: What is the difference between HTML character references and CSS for currency symbols?

HTML uses named or numeric references in the document. CSS uses backslash hex escapes in the content property on pseudo-elements. Both target the same Unicode scalar value; pick HTML for body copy and CSS when the design injects a glyph from a stylesheet.

Q: How do I display the Indian rupee (₹) or Russian ruble (₽) in HTML?

Use hexadecimal ₹ for ₹ and ₽ for ₽, or decimal ₹ and ₽. See the Quick Reference table on this page for exact values.

Beginner

⏱️ 6 min read

📚 Updated: May 2026

🎯 1 Code Example

E-commerce and i18n

HTML currency entities reference: dollar, euro, pound, yen, and related symbols

What You'll Learn

HTML currency entities are character references for money symbols: US dollar, cent, pound sterling, generic currency, yen or yuan, euro, and regional currencies such as the Indian rupee, Russian ruble, Korean won, and Thai baht. Named entities like € and £ are easy to read; numeric ₹ / ₹ cover symbols without a short HTML5 name.

Use the Quick Reference table to copy exact codes (including ¥ for yen or yuan). For broader non-currency symbol lists, see HTML symbol entities; for escaping & in markup, see Ampersand; for everything else, browse the full HTML entities index.

⚡ Quick Reference — HTML Currency Entities

Filter by symbol, Unicode (e.g. U+20AC), hex, decimal, or entity name.

Symbol	Unicode	Hex code	HTML code	HTML entity
$	U+0024	$	$	&dollar;
¢	U+00A2	¢	¢	¢
£	U+00A3	£	£	£
¤	U+00A4	¤	¤	¤
¥	U+00A5	¥	¥	¥
€	U+20AC	€	€	€
₹	U+20B9	₹	₹	-
₽	U+20BD	₽	₽	-
₩	U+20A9	₩	₩	-
฿	U+0E3F	฿	฿	-

Complete HTML Example

Named entities for major Western symbols, a rupee via hex, and a euro injected with CSS content:

html

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <style>
  .currency-css::after {
   content: "\20AC";
  }
 </style>
</head>
<body>

<p>Dollar: &dollar; | Cent: &cent; | Pound: &pound;</p>
<p>Euro: &euro; | Yen: &yen; | Generic: &curren;</p>
<p>Rupee: &#x20B9; | Ruble: &#x20BD;</p>
<p>Euro via CSS: <span class="currency-css"></span></p>

</body>
</html>

Try It Yourself

🌐 Browser Support

Named and numeric character references for these currency code points work in all modern browsers with UTF-8 documents:

Chrome 1+

Firefox 1+

Safari 1+

Edge 12+

Opera 4+

Android 4.4+

iOS Safari 1+

👀 Live Preview

Currency glyphs from character references (amounts are examples only):

Western set $19.99 · €12,50 · £9.00

Asia ¥500 · ₹1,499 · ₩10,000

Large type € £ ₽

Monospace receipt TOTAL $42.00 · TAX ¢7

Thai baht ฿199 (baht via numeric reference)

🧠 How It Works

Named entities

When HTML defines a name (for example €, £), browsers decode it to the currency glyph in text.

HTML markup

Hexadecimal and decimal

Every symbol has one Unicode scalar value. Use € or € for the euro, and the table entries for rupee, ruble, won, and baht.

HTML markup

CSS `content`

Pseudo-elements can show a currency mark with escapes such as \20AC inside content when the design calls for a style-driven icon.

CSS stylesheet

Same visual result

Valid references for one code point look identical; align formatting (spacing, separators) with your locale rules, not only the glyph.

✅

Use Cases

HTML currency entities are commonly used for:

🛒 E-commerce

Product cards, cart lines, and checkout summaries that must render prices in multiple regions.

🇺🇸 Internationalization

Switching currency marks alongside number formatting and translated labels.

📄 Invoices and PDFs

Printable HTML templates where explicit character references keep encodings predictable.

📊 Finance dashboards

Tables and KPI tiles that pair amounts with the correct regional currency symbol.

📚 Documentation

Tutorials and API docs that show literal examples of HTML-safe currency markup.

♿ Accessibility

Combine symbols with visible currency codes (ISO 4217) or clear text so assistive technologies convey both amount and currency.

💡 Best Practices

Do

Use UTF-8 and <meta charset="utf-8">
Prefer named entities when the table lists them
Store amounts numerically and format in the UI layer
Pair symbols with ISO currency codes where precision matters
Copy hex or decimal from the table for rupee, ruble, won, and baht

Don’t

Encode prices only as styled text without a machine-readable value
Assume ¥ always means the same legal tender in every locale
Mix multiple reference styles arbitrarily in one price string
Rely on a symbol alone for compliance-critical tax or legal text
Forget to test fonts for rare currency glyphs in data-heavy tables

Key Takeaways

Major Western currencies have short named entities in HTML5

€ £ ¥

Rupee, ruble, won, and baht use numeric references from the table

₹ ₽

CSS can inject the same code points via content escapes

\20AC

Locale rules control separators; entities only supply the glyph

Browse the full entity index for more symbols

❓ Frequently Asked Questions

How do I display currency symbols like euro or dollar in HTML?

Use named references such as € and &dollar;, or numeric € / €. All valid forms for one code point render the same character.

What are the most common HTML currency entities?

&dollar;, ¢, £, ¤, ¥, and € cover many Western layouts. Use the table for rupee, ruble, won, and baht.

When should I use HTML currency entities instead of typing the symbol?

When you want ASCII-safe source, generated markup, or explicit documentation of the code point. UTF-8 paste is fine when your editor, server, and headers all agree on Unicode.

What is the difference between HTML character references and CSS for currency symbols?

HTML references live in the document tree. CSS uses backslash hex in content on ::before or ::after. Pick HTML for readable prose and CSS when the design injects the glyph from a stylesheet.

How do I display the Indian rupee (₹) or Russian ruble (₽) in HTML?

Use ₹ (₹) and ₽ (₽), or decimal ₹ and ₽. There is no standard short named entity for these in HTML5.

Explore More HTML Entities!

Discover 1500+ HTML character references — math operators, arrows, emojis, and more.

All HTML Entities →

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

Arrow Pointing Rightwards Then Curving Upward (⤴) HTML Math Entities