HTML Entity for Trigram Lake (☱)
What You'll Learn
How to display the Trigram Lake (☱) in HTML using hexadecimal, decimal, and CSS escape methods. This symbol is U+2631 (TRIGRAM FOR LAKE) in the Miscellaneous Symbols block (U+2600–U+26FF)—one of the eight trigrams from the I Ching (Yijing, Book of Changes), representing the lake or marsh element (Dui).
Render it with ☱, ☱, or CSS escape \2631. There is no named HTML entity. Do not confuse ☱ with U+262F (☯, yin yang / taijitu), U+2630 (☰, heaven trigram), or U+2635 (☵, water trigram).
⚡ Quick Reference — Trigram Lake
U+2631Miscellaneous Symbols
☱Hexadecimal reference
☱Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2631
Hex code ☱
HTML code ☱
Named entity (none)
CSS code \2631
Block Miscellaneous Symbols (U+2600–U+26FF)
Official name TRIGRAM FOR LAKE
Related U+2630 = heaven (☰), U+2635 = water (☵), U+262F = yin yang (☯)Complete HTML Example
This example demonstrates the Trigram Lake (☱) using hexadecimal code, decimal HTML code, and a CSS content escape (no named entity):
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2631";
}
</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 Lake symbol renders in modern browsers when fonts include Miscellaneous Symbols glyphs:
👀 Live Preview
See the Trigram Lake (☱) in I Ching context:
🧠 How It Works
Hexadecimal Code
☱ uses the Unicode hexadecimal value 2631 to display the Trigram Lake symbol.
Decimal HTML Code
☱ uses the decimal Unicode value 9777 to display the same character.
CSS Entity
\2631 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+2631 in Miscellaneous Symbols. No named entity. Previous: Trigram Heaven. Next: Trigram Mountain.
Use Cases
The Trigram Lake (☱) 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 lake trigram - Add
titleoraria-label(e.g. “Lake trigram”) for accessibility - Pair with other trigram symbols when showing the full set
- Verify fonts support Miscellaneous Symbols (U+2631)
- Be mindful of cultural context when using I Ching symbols internationally
Don’t
- Confuse ☱ (lake trigram) with ☯ (yin yang taijitu)
- Confuse ☱ (lake) with ☵ (water) or other trigram code points
- Put CSS escape
\2631directly in HTML text nodes - Expect a named HTML entity for U+2631
- Use HTML entities in JS (use
\u2631instead)
Key Takeaways
Two HTML references both render ☱
☱ ☱For CSS stylesheets, use the escape in the content property
\2631Unicode U+2631 — Trigram For Lake (Dui)
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 \2631 in CSS content. There is no named HTML entity. All three produce ☱.U+2631 (TRIGRAM FOR LAKE). Miscellaneous Symbols block (U+2600–U+26FF). Hex 2631, decimal 9777. One of the eight I Ching trigrams, representing lake or marsh (Dui).☱ or ☱) go directly in markup. The CSS escape \2631 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