HTML Entity for Trigram Thunder (☳)

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

What Is the Trigram Thunder Entity?

Trigram Thunder (☳) is the Miscellaneous Symbols character at Unicode U+2633 (TRIGRAM FOR THUNDER). It is the I Ching (Yijing) Zhen trigram — three lines representing the thunder element.

Remember
Character     ☳
Unicode       U+2633
Hex entity    ☳
Decimal       ☳
Named entity  (none)
CSS escape    \2633
Not the same  ☲ (fire) · ☵ (water) · ☯ (yin yang)

Hex, decimal, CSS, and a typed character all produce the same glyph: ☳. Prefer ☳ when you want an explicit entity. For the next trigram in this sequence, see Trigram Water (U+2635).

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity☳HTML markup (best entity default)
Decimal entity☳HTML markup
Named entityNoneHTML5 does not define one
CSS escape\2633Stylesheet content
Direct character☳UTF-8 HTML text

When to Use Which

SituationUse
Thunder / Zhen trigram☳ or ☳
I Ching / cultural UI☳ plus visible label text
Generated text via ::before / ::aftercontent: "\2633"
Fire trigramUse U+2632 (☲)
Yin yang / taijituUse U+262F (☯) — not a trigram

Live Preview

Trigram Thunder in I Ching context, compared with nearby trigrams.

Label ☳ Thunder (Zhen) trigram
Large glyph ☳
Hex entity ☳ → ☳
vs fire / water ☳  |  ☲  |  ☵
With entities Hex: ☳ | Decimal: ☳

Complete HTML Example

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

Hex + Decimal + CSS

Three ways to produce ☳ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Trigram Thunder (☳)</title>
  <style>
    #point::after {
      content: "\2633";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2633;</p>
  <p>Using HTML Code: &#9779;</p>
  <p id="point">Using CSS Entity: </p>
  <p>&#x2633; Thunder (Zhen) trigram</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2633 → &#x2633; in HTML. The browser turns it into ☳.

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

3. Named: HTML5 does not define a named entity for this character — use hex or decimal instead.

4. CSS: use \2633 in content (not an HTML entity). #point::after appends that ☳ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with Trigram Thunder.

Look-alikes

☳ ≠ ☲ ≠ ☯

U+2633 is thunder (Zhen). Fire and yin yang are different characters — do not mix them when naming I Ching symbols.

Named

No &…; name

Do not invent a name. Use &#x2633; or &#9779;.

A11y

Label the trigram

A lone ☳ may be unclear. Add text like “Thunder trigram” or an accessible name for screen readers.

Fonts

Glyph coverage

Miscellaneous Symbols coverage varies. Test I Ching UIs on mobile and provide a fallback if ☳ is missing.

CSS vs HTML

Do not mix escapes

\2633 belongs in CSS. &#x2633; / &#9779; belong in HTML.

Semicolon

End references

Always finish with ; — write &#x2633;, not &#x2633.

Browser Support

Trigram Thunder (U+2633) and its entity forms (&#x2633;, &#9779;, CSS \\2633) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Trigram Thunder (&#x2633;)

Encode with hex, decimal, or CSS escape — or type ☳ directly in UTF-8 HTML. No named entity.

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

Bottom line: Prefer &#x2633; for readable HTML. Use \\2633 only inside CSS content. Label cultural symbols for accessibility.

Key Takeaways

  • Unicode: this symbol is U+2633 (decimal 9779) — trigram for thunder (Zhen).
  • HTML: prefer &#x2633; — or use &#9779;. No named entity.
  • CSS: use \2633 inside content for generated trigram markers.
  • Watch out: not the same as fire (U+2632) or yin yang (U+262F).

One line: U+2633 → &#x2633; / &#9779; / CSS \2633 (no named entity).

Frequently Asked Questions

Use &#x2633; (hex), &#9779; (decimal), or the CSS escape \2633 in the content property. All render ☳ when the font supports Miscellaneous Symbols. There is no named HTML entity.
U+2633 (TRIGRAM FOR THUNDER). Hex 2633, decimal 9779. It belongs to Miscellaneous Symbols (U+2600–U+26FF). It is the I Ching Zhen trigram.
No. HTML5 does not define a named entity for U+2633. Use numeric references like &#x2633; or &#9779;.
Use it for I Ching content, Taoist or Chinese philosophy pages, cultural design, and educational material on trigrams. Pair the glyph with visible text (e.g. “Thunder trigram”) for accessibility.
U+2633 is TRIGRAM FOR THUNDER (Zhen). U+2632 is TRIGRAM FOR FIRE. U+262F is YIN YANG (taijitu). Related cultural symbols, different characters.
HTML entities (&#9779; or &#x2633;) go in markup. The CSS escape \2633 is used in stylesheets (usually in the content property of ::before/::after). Both render ☳.

Did you know?

Trigram Thunder is Unicode U+2633 (decimal 9779) — TRIGRAM FOR THUNDER (Zhen) in Miscellaneous Symbols. HTML5 has no named entity — use &#x2633; or &#9779;. One of the eight I Ching (Yijing) trigrams. Do not confuse it with Trigram Fire (U+2632) or yin yang (U+262F).

Next: Trigram Water

Learn the HTML entity for Trigram Water — next in this sequence.

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