HTML Entity for Yen Sign (¥)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+00A5
HTML entity for Yen Sign (U+00A5, ¥) — hex, decimal, named, and CSS tutorial

What You'll Learn

How to display the Yen sign (¥) in HTML using hexadecimal, decimal, named entity, and CSS escape methods. This character is U+00A5 (YEN SIGN) in the Latin-1 Supplement block—the standard currency symbol for Japanese yen (JPY) and Chinese yuan (CNY).

Render it with ¥, ¥, ¥, or CSS escape \00A5. Do not confuse ¥ with the yen kanji (円, U+5186) or fullwidth yen (￥, U+FFE5). Pair prices with aria-label or visible currency text for accessibility.

⚡ Quick Reference — Yen Sign

Unicode U+00A5

Latin-1 Supplement

Hex Code ¥

Hexadecimal reference

HTML Code ¥

Decimal reference

Named Entity ¥

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+00A5
Hex code       ¥
HTML code      ¥
Named entity   ¥
CSS code       \00A5
Meaning        Yen / yuan currency symbol
Related        U+5186 = Yen character (円)
               U+FFE5 = Fullwidth yen (￥)
Block          Latin-1 Supplement (U+0080–U+00FF)
1

Complete HTML Example

A simple example showing the Yen sign (¥) using hexadecimal code, decimal HTML code, named entity, and a CSS content escape:

html
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <style>
  #price:before{
   content: "\00A5";
  }
 </style>
</head>
<body>
<p>Yen Sign (hex): &#xA5;1,000</p>
<p>Yen Sign (decimal): &#165;1,000</p>
<p>Yen Sign (named): &yen;1,000</p>
<p id="price">1,000</p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The Yen sign entity is universally supported in all modern browsers:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See the Yen sign rendered live in price and comparison contexts:

Price¥1,000
Large glyph¥
Yen variants¥ sign   円 kanji   ￥ fullwidth
Entity refs&yen; &#xA5; &#165; \00A5
Multi-currency¥1,000   €850   ₩10,000

🧠 How It Works

1

Hexadecimal Code

&#xA5; uses the Unicode hexadecimal value A5 to display the Yen sign. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#165; uses the decimal Unicode value 165 to display the same character. This is one of the most commonly used methods.

HTML markup
3

CSS Entity

\00A5 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
4

Named Entity

&yen; is the standard named HTML entity for U+00A5—the easiest to read in source markup and the most self-descriptive option.

HTML markup
=

Same visual result

All four methods produce the glyph: ¥. Unicode U+00A5 is YEN SIGN in the Latin-1 Supplement block. For the Japanese kanji form, see Yen Character (円, U+5186).

✅

Use Cases

The Yen sign (¥) is commonly used in:

🛒 E-commerce

Display prices in Japanese yen or Chinese yuan (e.g. ¥1,000).

📄 Financial documents

Invoices, reports, and accounting documents with currency symbols.

💰 Currency converters

Exchange-rate tools and multi-currency price displays.

🏦 Banking apps

Balances, transactions, and financial data in JPY or CNY.

📋 Product listings

Japanese and Chinese market pricing on international storefronts.

🧮 Financial calculators

Budgeting tools, loan calculators, and payment widgets.

🌐 International sites

Multi-currency websites supporting yen or yuan transactions.

💡 Best Practices

Do

  • Prefer &yen; for readable source markup
  • Pair ¥ with proper number formatting (e.g. ¥1,000)
  • Use ¥ for compact international UI; use 円 for native Japanese kanji prices
  • Add aria-label or visible currency code (JPY/CNY) for screen readers
  • Pick one entity style (named, hex, or decimal) per project for consistency

Don’t

  • Confuse ¥ (yen sign) with 円 (kanji) or ￥ (fullwidth yen)
  • Put CSS escape \00A5 in HTML text nodes
  • Assume &yen; always means the same legal tender in every locale
  • Mix entity styles randomly in one file
  • Use a raw ¥ character without UTF-8 encoding declared

Key Takeaways

1

Four HTML references all render ¥

&#xA5; &#165; &yen;
2

For CSS stylesheets, use the escape in the content property

\00A5
3

Unicode U+00A5 — YEN SIGN (Latin-1 Supplement)

4

Standard symbol for JPY and CNY; 円 is the Japanese kanji alternative

5

Previous: Yen Character (円)   Next: Yen Yuan Variant One (圆)

❓ Frequently Asked Questions

Use &#xA5; (hex), &#165; (decimal), &yen; (named), or \00A5 in CSS content. All produce ¥.
U+00A5 (YEN SIGN). Latin-1 Supplement block. Hex A5, decimal 165. Used for Japanese yen and Chinese yuan.
For e-commerce prices, financial documents, banking apps, currency converters, Japanese and Chinese market product listings, and any content displaying JPY or CNY amounts with the standard currency symbol.
HTML entities (&#165;, &#xA5;, or &yen;) go directly in markup. The CSS escape \00A5 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.
Yes. &yen; is the standard named HTML entity for U+00A5. It is equivalent to &#165; and &#xA5; in modern browsers and is the most readable option.

Explore More HTML Entities!

Discover 1500+ HTML character references — currency symbols, CJK characters, and more.

All HTML Entities →

About the author

Mari Selvan M P
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

Yen Character (円) Yen Yuan Character Variant One (圆)