HTML Entity for Yen Yuan Character Variant One (圆)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+5706
HTML Entity for Yen Yuan Character Variant One (U+5706) tutorial illustration
Definition

What Is Yen Yuan Character Variant One?

Yen Yuan Character Variant One (圆) is the CJK Unified Ideographs character at Unicode U+5706 (CJK UNIFIED IDEOGRAPH-5706). It is the Simplified Chinese character 圆, used in yuan-related and “circle” contexts. HTML5 has no named entity.

Remember
Character     圆
Unicode       U+5706
Named entity  (none)
Hex entity    圆
Decimal       圆
CSS escape    \5706
Not the same  元 · 圓 · 円 · ¥

Prefer 圆 or 圆 in HTML markup. You can also type 圆 in UTF-8. There is no named entity. Related: yen sign and yen character.

Reference

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityNone—
Hex entity圆HTML markup (preferred)
Decimal entity圆HTML markup
CSS escape\5706Stylesheet content
Direct character圆UTF-8 HTML text

When to Use Which

SituationUse
Simplified Chinese 圆圆 or type 圆
Common yuan character (元)元 (U+5143)
Traditional 圓圓 (U+5713)
Japanese yen kanji (円)円 (U+5186)
Latin currency symbol (¥)¥ (U+00A5)
Generated text via ::before / ::aftercontent: "\5706"
See it

Live Preview

Variant One in common CJK currency contexts.

Large glyph 圆
Sample 圆
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 圆 (no named entity).

html
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
  <meta charset="UTF-8">
  <title>Yen Yuan Variant One (圆)</title>
  <style>
    #glyph::after {
      content: "\5706";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x5706;</p>
  <p>Using HTML Code: &#22278;</p>
  <p id="glyph">Using CSS Entity: </p>
  <p><code>&#x5706;</code></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+5706 → &#x5706; in HTML. Clearest numeric form when there is no named entity.

2. Decimal: same code point as 22278 → &#22278;. Same glyph as hex.

3. CSS: use \5706 in content (not an HTML entity). #glyph::after appends that 圆 after the paragraph text.

4. Language: lang="zh-Hans" marks Simplified Chinese so browsers and assistive tech treat the character correctly.

Pitfalls & Tips

Common mistakes when working with U+5706.

vs 元

Not the common yuan 元

Everyday Chinese prices often use 元 (U+5143). 圆 (U+5706) is a different character with its own meaning and contexts.

vs 圓

Simplified ≠ traditional

圓 (U+5713) is the traditional counterpart of 圆. Use the form that matches your audience’s script.

vs 円 / ¥

Not Japanese yen forms

円 is U+5186 (Japanese kanji). ¥ is U+00A5 (&yen;). Neither is U+5706.

Named

No named entity

There is no &yuan; for this character. Use hex or decimal. &yen; is only for U+00A5.

CSS vs HTML

Do not mix escapes

\5706 belongs in CSS strings. &#x5706; / &#22278; belong in HTML.

A11y

Mark Simplified Chinese

Use lang="zh-Hans" on Simplified Chinese phrases. Pair currency glyphs with visible context when they stand alone.

Compatibility

Browser Support

Yen Yuan Character Variant One (U+5706) and its entity forms (&#x5706;, &#22278;, CSS \\5706) are supported in all mainstream browsers. Visible glyphs depend on CJK font coverage.

✓ Universal support

Yen Yuan Variant One (&#x5706;)

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+5706 Full support

Bottom line: Prefer &#x5706; or &#22278; in HTML. Use \\5706 only inside CSS content. There is no named entity. Do not confuse with 元, 圓, 円, or &yen;.

Remember

Key Takeaways

  • Unicode: this character is U+5706 (decimal 22278) — glyph 圆.
  • HTML: use &#x5706; or &#22278; — no named entity; typing 圆 also works.
  • CSS: use \5706 inside content for generated text.
  • Watch out: 圆 ≠ 元 ≠ 圓 ≠ 円 ≠ &yen;.

One line: U+5706 → &#x5706; / &#22278; / CSS \5706 (no named entity).

Frequently Asked Questions

Use &#x5706; (hex), &#22278; (decimal), type 圆 directly in UTF-8, or the CSS escape \5706 in content. There is no named HTML entity.
U+5706 (CJK UNIFIED IDEOGRAPH-5706). Hex 5706, decimal 22278. It belongs to CJK Unified Ideographs (U+4E00–U+9FFF).
No. HTML5 does not define a named entity for this character. Use numeric forms &#22278; or &#x5706;. For the Latin currency symbol ¥, use &yen; (U+00A5).
No. 圆 is U+5706 (圆). 元 is U+5143, 圓 is U+5713, 円 is U+5186, and ¥ is U+00A5 (&yen;). Related currency/CJK forms, different code points.
Use it in Simplified Chinese text when you need the character 圆 — for example yuan-related or “circle” contexts. Prefer &yen; for the Latin currency symbol.
HTML entities (&#22278; or &#x5706;) go in markup. The CSS escape \5706 goes in stylesheet strings (usually content on ::before/::after).

Did you know?

Yen Yuan Character Variant One (圆) is Unicode U+5706 (decimal 22278) — official name CJK UNIFIED IDEOGRAPH-5706 in CJK Unified Ideographs. HTML5 has no named entity — use &#x5706; or &#22278;. It is the Simplified Chinese character 圆, used in yuan-related and “circle” contexts. Do not confuse it with 元 (U+5143), 圓 (U+5713), 円 (U+5186), or yen sign ¥ (&yen;).

Next: Yen Yuan Character Variant Two

Learn the HTML entity for yen/yuan character variant two (圎, U+570E).

Continue tutorial →

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

HTML Entity | Yen Sign HTML Entity | Yen Yuan Character Variant Two