HTML Entity for Yin Yang (☯)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+262F

What Is Yin Yang?

Yin yang (☯) is the Unicode character at U+262F in Miscellaneous Symbols. Official name: YIN YANG — the familiar taijitu for balance and complementary opposites.

Remember
Character     ☯
Unicode       U+262F
Hex entity    ☯
Decimal       ☯
CSS escape    \262F
Named entity  (none)
Also called   Taijitu

Prefer ☯ or ☯ in HTML markup. You can also type ☯ in UTF-8. There is no named entity. Pair the glyph with the words “yin yang” so the meaning stays clear.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character☯HTML text (UTF-8)
Hex entity☯HTML markup (preferred)
Decimal entity☯HTML markup
CSS escape\262FStylesheet content
Named entity—Not defined in HTML5
MeaningBalance / dualityPhilosophy · design

When to Use Which

SituationUse
Yin yang / taijitu (☯)☯ or ☯
I Ching trigram heaven (☰)☰ (☰)
Monogram for yin (⚋)⚋ (⚋)
Monogram for yang (⚊)⚊ (⚊)
Generated text via ::before / ::aftercontent: "\262F"
Need a custom illustrated taijituUse an SVG/image — not U+262F alone

Live Preview

Yin yang rendered alone, labeled, and next to related I Ching marks.

Large glyph ☯
Labeled Yin yang ☯
Compared ☯  |  ☰  |  ⚊  |  ⚋
Hint Compare: Yin yang ☯ | Heaven ☰ | Yang ⚊ | Yin ⚋
With entities Hex: ☯ | Decimal: ☯

Complete HTML Example

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

Hex + Decimal + CSS + Typed

Four ways to produce ☯, plus a short labeled example.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Yin Yang (☯)</title>
  <style>
    #point::after {
      content: "\262F";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x262F;</p>
  <p>Using HTML Code: &#9775;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ☯</p>
  <p>Yin yang ☯</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+262F → &#x262F; in HTML. The browser turns it into ☯.

2. Decimal: same code point as 9775 → &#9775;. Same result as hex.

3. CSS: use \262F in content (not an HTML entity). #point::after appends that ☯ after the paragraph text.

4. Typed / label: paste ☯ in UTF-8, and keep the words “yin yang” nearby for clarity.

Pitfalls & Tips

Common mistakes when working with U+262F.

Named

No &yinyang; name

HTML5 has no named entity for U+262F. Use &#x262F; or &#9775; — do not invent a name.

vs ☰

Not a trigram

☰ is trigram for heaven. ☯ is the yin–yang / taijitu disk — different symbols.

Fonts

Glyph depends on font

Some fonts draw a simple outline. For a detailed taijitu, use SVG art instead of relying on the text glyph alone.

Color

Unicode is usually monochrome

The character is typically one color. Classic black-and-white halves need an image or CSS illustration.

CSS vs HTML

Do not mix escapes

\262F belongs in CSS strings. &#x262F; / &#9775; belong in HTML.

A11y

Say “yin yang”

Screen readers may announce a generic “symbol.” Write “Yin yang ☯” (or similar) so the meaning is clear.

Culture

Use respectfully

The symbol has philosophical and cultural meaning. Prefer clear, respectful context over decorative misuse.

Browser Support

The yin yang symbol (U+262F) and its entity forms (&#x262F;, &#9775;, CSS \\262F) are supported in all mainstream browsers. Visible glyphs depend on fonts that include Miscellaneous Symbols.

✓ Universal support

Yin Yang (&#x262F;)

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 All versions
Yes
U+262F Full support

Bottom line: Prefer &#x262F; or &#9775; in HTML. Use \\262F only inside CSS content. Pair the glyph with the words “yin yang” for clarity.

Key Takeaways

  • Unicode: yin yang is U+262F (decimal 9775) — glyph ☯.
  • HTML: use &#x262F; or &#9775; — no named entity in HTML5.
  • CSS: use \262F inside content for generated text.
  • Meaning: ☯ is the taijitu — not a trigram, not a monogram line.

One line: U+262F → &#x262F; / &#9775; / CSS \262F.

Frequently Asked Questions

Use &#x262F; (hex), &#9775; (decimal), type ☯ directly in UTF-8, or the CSS escape \262F in content. There is no named HTML entity for U+262F.
U+262F (YIN YANG). Hex 262F, decimal 9775. It belongs to Miscellaneous Symbols (U+2600–U+26FF).
No. HTML5 does not define a named entity for this character. Use numeric forms &#9775; or &#x262F;.
Use it in philosophy, wellness, cultural, or design content that needs the balance / taijitu glyph — and always pair it with clear text for accessibility.
Yin yang (U+262F) is the familiar taijitu. I Ching trigrams such as heaven (U+2630) and monograms for yin/yang are related cultural symbols with different code points.
HTML entities (&#9775; or &#x262F;) go in markup. The CSS escape \262F goes in stylesheet strings (usually content on ::before/::after).

Did you know?

Yin yang (☯) is Unicode U+262F (decimal 9775) — official name YIN YANG in Miscellaneous Symbols (U+2600–U+26FF). HTML5 has no named entity — use &#x262F; or &#9775;. Also called the taijitu. Pair the glyph with the words “yin yang” for accessibility. Related I Ching marks include trigrams (e.g. ☰) and monograms yin/yang.

Next: Yuan Character China

Learn the HTML entity for the yuan character 元 (U+5143).

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.

8 people found this page helpful