HTML Entity for Trigram Thunder (☳)
What You'll Learn
How to display the Trigram Thunder (☳) in HTML using hexadecimal, decimal, and CSS escape methods. This symbol is U+2633 (TRIGRAM FOR THUNDER) in the Miscellaneous Symbols block (U+2600–U+26FF)—one of the eight trigrams from the I Ching (Yijing, Book of Changes), representing the thunder element (Zhen).
Render it with ☳, ☳, or CSS escape \2633. There is no named HTML entity. Do not confuse ☳ with U+262F (☯, yin yang / taijitu), U+2632 (☲, fire trigram), or U+2635 (☵, water trigram).
⚡ Quick Reference — Trigram Thunder
U+2633Miscellaneous Symbols
☳Hexadecimal reference
☳Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2633
Hex code ☳
HTML code ☳
Named entity (none)
CSS code \2633
Block Miscellaneous Symbols (U+2600–U+26FF)
Official name TRIGRAM FOR THUNDER
Related U+2632 = fire (☲), U+2635 = water (☵), U+262F = yin yang (☯)Complete HTML Example
This example demonstrates the Trigram Thunder (☳) using hexadecimal code, decimal HTML code, and a CSS content escape (no named entity):
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2633";
}
</style>
</head>
<body>
<p>Using Hexadecimal: ☳</p>
<p>Using HTML Code: ☳</p>
<p id="point">Using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Trigram Thunder symbol renders in modern browsers when fonts include Miscellaneous Symbols glyphs:
👀 Live Preview
See the Trigram Thunder (☳) in I Ching context:
🧠 How It Works
Hexadecimal Code
☳ uses the Unicode hexadecimal value 2633 to display the Trigram Thunder symbol.
Decimal HTML Code
☳ uses the decimal Unicode value 9779 to display the same character.
CSS Entity
\2633 is used in CSS stylesheets in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce ☳. Unicode U+2633 in Miscellaneous Symbols. No named entity. Previous: Trigram Mountain. Next: Trigram Water.
Use Cases
The Trigram Thunder (☳) commonly appears in:
Divination apps and hexagram references.
Spiritual content and philosophical materials.
Educational platforms on I Ching and Taoism.
Logos and creative projects with trigram imagery.
Meditation apps and wellness websites.
Tutorials on trigrams and the eight elements.
Unicode and symbol encyclopedia pages.
💡 Best Practices
Do
- Use
☳or☳for the thunder trigram - Add
titleoraria-label(e.g. “Thunder trigram”) for accessibility - Pair with other trigram symbols when showing the full set
- Verify fonts support Miscellaneous Symbols (U+2633)
- Be mindful of cultural context when using I Ching symbols internationally
Don’t
- Confuse ☳ (thunder trigram) with ☯ (yin yang taijitu)
- Confuse ☳ with ☲ (fire) or ☵ (water) trigram code points
- Put CSS escape
\2633directly in HTML text nodes - Expect a named HTML entity for U+2633
- Use HTML entities in JS (use
\u2633instead)
Key Takeaways
Two HTML references both render ☳
☳ ☳For CSS stylesheets, use the escape in the content property
\2633Unicode U+2633 — Trigram For Thunder (Zhen)
No named entity—use numeric references or CSS escape
Miscellaneous Symbols block (U+2600–U+26FF) for I Ching trigrams
❓ Frequently Asked Questions
☳ (hex), ☳ (decimal), or \2633 in CSS content. There is no named HTML entity. All three produce ☳.U+2633 (TRIGRAM FOR THUNDER). Miscellaneous Symbols block (U+2600–U+26FF). Hex 2633, decimal 9779. One of the eight I Ching trigrams, representing thunder (Zhen).☳ or ☳) go directly in markup. The CSS escape \2633 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, trigrams, punctuation, and more.
About the author
8 people found this page helpful