HTML Entity for Yen Character (円)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+5186

HTML Entity for Yen Character (U+5186) tutorial illustration

Definition

What Is Yen Character?

Yen Character (円) is the CJK Unified Ideographs character at Unicode U+5186 (CJK UNIFIED IDEOGRAPH-5186). It is the Japanese kanji for yen. HTML5 has no named entity.

Remember

Character     円
Unicode       U+5186
Named entity  (none)
Hex entity    &#x5186;
Decimal       &#20870;
CSS escape    \5186
Not the same  &yen; · ￥

Prefer 円 or 円 in HTML markup. You can also type 円 in UTF-8. There is no named entity. Related: yen sign (¥).

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	None	—
Hex entity	`円`	HTML markup (preferred)
Decimal entity	`円`	HTML markup
CSS escape	`\5186`	Stylesheet `content`
Direct character	`円`	UTF-8 HTML text

When to Use Which

Situation	Use
Japanese yen kanji (円)	`円` or type `円`
Latin currency symbol (¥)	¥ (U+00A5)
Fullwidth yen (￥)	`￥` (U+FFE5)
Japanese price copy	Kanji + `lang="ja"` on the phrase
Generated text via `::before` / `::after`	`content: "\5186"`

See it

Live Preview

Yen Character in common Japanese price contexts.

Large glyph 円

Price sample 1,000円

Compared 円 | ¥ | ￥

With entities Hex: 円 | Decimal: 円

Code

Complete HTML Example

One page that shows this character with hex, decimal, and CSS. Use View Output or open the live editor.

Hex + Decimal + CSS

Three ways to produce 円, plus a short Japanese price sample (no named entity).

html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>Yen Character (円)</title>
  <style>
    #price::after {
      content: "\5186";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x5186;</p>
  <p>Using HTML Code: &#20870;</p>
  <p id="price">Using CSS Entity: </p>
  <p><code>1,000&#x5186;</code></p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+5186 → 円 in HTML. Clearest numeric form when there is no named entity.

2. Decimal: same code point as 20870 → 円. Same glyph as hex.

3. CSS: use \5186 in content (not an HTML entity). #price::after appends that 円 after the paragraph text.

4. Sample: 1,000円 shows a typical Japanese yen amount with the kanji.

5. Language: lang="ja" marks the document as Japanese so browsers and assistive tech treat the kanji correctly.

Pitfalls & Tips

Common mistakes when working with U+5186.

vs ¥

Kanji ≠ yen sign

¥ (¥, U+00A5) is the Latin currency symbol. 円 (円) is the Japanese kanji.

vs ￥

Not fullwidth yen

Fullwidth yen ￥ is U+FFE5 (￥) — a different character used mainly in East Asian typography.

Named

No &yen-character;

There is no named entity for U+5186. Do not invent one — use hex or decimal. ¥ is only for U+00A5.

CSS vs HTML

Do not mix escapes

\5186 belongs in CSS strings. 円 / 円 belong in HTML.

A11y

Mark Japanese text

Use lang="ja" on Japanese phrases. Pair prices with visible currency context when the glyph stands alone.

Fonts

Need CJK coverage

The glyph needs a font with CJK Unified Ideographs. Most Japanese system fonts include it.

Compatibility

Browser Support

Yen Character (U+5186) and its entity forms (円, 円, CSS \\5186) are supported in all mainstream browsers. Visible glyphs depend on CJK font coverage.

✓ Universal support

Yen Character (円)

Encode with 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 IE 9+

Yes

U+5186 Full support

Bottom line: Prefer 円 or 円 in HTML. Use \\5186 only inside CSS content. There is no named entity. Do not confuse with ¥ or U+FFE5.

Remember

Key Takeaways

Unicode: this character is U+5186 (decimal 20870) — glyph 円.
HTML: use 円 or 円 — no named entity; typing 円 also works.
CSS: use \5186 inside content for generated text.
Watch out: 円 ≠ ¥ (¥) ≠ ￥ (￥).

One line: U+5186 → 円 / 円 / CSS \5186 (no named entity).

Frequently Asked Questions

How do I display Yen Character (円) in HTML?

Use 円 (hex), 円 (decimal), type 円 directly in UTF-8, or the CSS escape \5186 in content. There is no named HTML entity.

What is the Unicode value for Yen Character?

U+5186 (CJK UNIFIED IDEOGRAPH-5186). Hex 5186, decimal 20870. It belongs to CJK Unified Ideographs (U+4E00–U+9FFF).

Is there a named HTML entity for U+5186?

No. HTML5 does not define a named entity for this character. Use numeric forms 円 or 円. For the currency symbol ¥, use ¥ (U+00A5).

Is 円 the same as ¥ or ￥?

No. 円 is the yen kanji (U+5186). ¥ is YEN SIGN (U+00A5, ¥). ￥ is FULLWIDTH YEN SIGN (U+FFE5). Related currency forms, different code points.

When should I use 円?

Use it in Japanese text for the yen kanji — for example prices or labels written in Japanese. Prefer ¥ (¥) for the Latin currency symbol on international sites.

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

HTML entities (円 or 円) go in markup. The CSS escape \5186 goes in stylesheet strings (usually content on ::before/::after).

Did you know?

Yen Character (円) is Unicode U+5186 (decimal 20870) — official name CJK UNIFIED IDEOGRAPH-5186 in CJK Unified Ideographs. HTML5 has no named entity — use 円 or 円. It is the Japanese kanji for yen (円). Do not confuse it with yen sign ¥ (¥, U+00A5) or fullwidth yen ￥ (U+FFE5).

Next: Yen Sign

Learn the HTML entity for yen sign (¥, U+00A5).

Continue 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 | XOR HTML Entity | Yen Sign