HTML Entity for Trigram Lake (☱)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2631

HTML Entity for trigram lake (U+2631) tutorial illustration

Definition

What Is Trigram Lake?

Trigram for lake (☱) is the Unicode character at U+2631 in Miscellaneous Symbols. Official name: TRIGRAM FOR LAKE — the I Ching / Yijing bagua symbol also called marsh or duì (top line broken; lower two solid).

Remember

Character     ☱
Unicode       U+2631
Named entity  (none)
Hex entity    &#x2631;
Decimal       &#9777;
CSS escape    \2631
Not the same  ☰ · ☶ · ☵

Prefer ☱ or ☱ in HTML markup. You can also type ☱ in UTF-8. For the paired mountain trigram, use ☶ (☶).

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	None	Use numeric or type the character
Direct character	`☱`	HTML text (UTF-8)
Hex entity	`☱`	HTML markup (preferred)
Decimal entity	`☱`	HTML markup
CSS escape	`\2631`	Stylesheet `content`
Mountain (related)	☶ (U+2636)	Trigram for mountain

When to Use Which

Situation	Use
Lake / marsh trigram (duì)	`☱` or type `☱`
Heaven trigram	☰ (U+2630)
Mountain trigram	☶ (U+2636)
Water trigram	☵ (U+2635)
Generated text via `::before` / `::after`	`content: "\2631"`

See it

Live Preview

Trigram lake rendered alone and next to related bagua symbols.

Large glyph ☱

Notation Lake: ☱

Compared ☱ | ☶ | ☰

Hint Compare: Lake ☱ | Mountain ☶ | Heaven ☰

With entities Hex: ☱ | Decimal: ☱

Code

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 label example. No named entity exists.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Trigram Lake (☱)</title>
  <style>
    #point::after {
      content: "\2631";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2631;</p>
  <p>Using HTML Code: &#9777;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ☱</p>
  <p>Label: Lake &#x2631;</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+2631 → ☱ in HTML. Preferred numeric form when you need an entity.

2. Decimal: same code point as 9777 → ☱. Same glyph as hex.

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

4. Typed / label: paste ☱ in UTF-8, or write Lake ☱ for a short caption.

5. No named entity: HTML5 does not define a name for U+2631 — use numeric references or type the character.

Pitfalls & Tips

Common mistakes when working with U+2631.

vs ☶

Not mountain

☶ (U+2636) is the mountain trigram (gèn). Lake and mountain are related bagua pairs with different patterns.

vs ☰

Not heaven

☰ (U+2630) is three solid lines (heaven). Do not treat every bagua glyph as interchangeable.

Named

No named HTML entity

There is no &trigramlake; for U+2631. Use ☱ or ☱.

Fonts

Needs symbol coverage

Some UI fonts omit bagua trigrams. Prefer a stack that includes a symbols or CJK-friendly font if the glyph must always show.

CSS vs HTML

Do not mix escapes

\2631 belongs in CSS strings. ☱ / ☱ belong in HTML.

A11y

Name the trigram in context

Screen readers may announce this unevenly. Prefer nearby plain-language text such as “trigram for lake” when meaning matters.

Compatibility

Browser Support

Trigram lake (U+2631) and its entity forms (☱, ☱, CSS \\2631) are supported in all mainstream browsers. Visible glyphs depend on Miscellaneous Symbols font coverage.

✓ Universal support

Trigram Lake (☱)

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+2631 / entities Full support

Bottom line: Prefer ☱ or ☱ in HTML. Use \\2631 only inside CSS content. There is no named entity.

Remember

Key Takeaways

Unicode: trigram lake is U+2631 (decimal 9777) — glyph ☱.
HTML: no named entity — use ☱ / ☱ / type ☱.
CSS: use \2631 inside content for generated text.
Meaning: ☱ is lake (duì) — not ☶ (mountain), not ☰ (heaven).

One line: U+2631 → ☱ / ☱ / CSS \2631 (no named entity).

Frequently Asked Questions

How do I display ☱ in HTML?

Use ☱ (hex), ☱ (decimal), type ☱ directly in UTF-8, or the CSS escape \2631 in content. There is no named HTML entity.

What is the Unicode value for trigram lake?

U+2631 (TRIGRAM FOR LAKE). Hex 2631, decimal 9777. It belongs to Miscellaneous Symbols (U+2600–U+26FF).

Is there a named HTML entity for U+2631?

No. Use numeric references ☱ or ☱, or type ☱ in UTF-8.

Is ☱ the same as ☰ or ☶?

No. ☱ is U+2631 (lake / duì). ☰ is U+2630 (heaven). ☶ is U+2636 (mountain).

When should I use ☱?

Use it for I Ching / Yijing content, cultural symbols, or diagrams that need the lake (marsh) trigram — not as a substitute for heaven, mountain, or water.

What is the difference between HTML code and CSS entity for U+2631?

HTML entities (☱ or ☱) go in markup. The CSS escape \2631 goes in stylesheet strings (usually content on ::before/::after).

Did you know?

Trigram for lake is Unicode U+2631 (decimal 9777) — glyph ☱ in Miscellaneous Symbols (U+2600–U+26FF). Official name: TRIGRAM FOR LAKE (I Ching / Yijing; also marsh; Chinese duì). HTML5 has no named entity — use ☱ or ☱. Do not confuse with trigram for heaven U+2630 (☰) or trigram for mountain U+2636 (☶).

Next: Trigram Mountain

Learn the HTML entity for trigram mountain (U+2636).

Continue tutorial →

About the author

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 | Trigram Heaven HTML Entity | Trigram Mountain