HTML Entity for Trigram Heaven (☰)

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

What Is Trigram Heaven?

Trigram for heaven (☰) is the Unicode character at U+2630 in Miscellaneous Symbols. Official name: TRIGRAM FOR HEAVEN — the I Ching / Yijing bagua symbol with three solid (yang) lines, also called qián.

Remember
Character     ☰
Unicode       U+2630
Named entity  (none)
Hex entity    ☰
Decimal       ☰
CSS escape    \2630
Not the same  ☷ · ☱ · ☲

Prefer ☰ or ☰ in HTML markup. You can also type ☰ in UTF-8. For the opposite earth trigram (three broken lines), use ☷ (☷).

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityNoneUse numeric or type the character
Direct character☰HTML text (UTF-8)
Hex entity☰HTML markup (preferred)
Decimal entity☰HTML markup
CSS escape\2630Stylesheet content
Earth (related)☷ (U+2637)Trigram for earth

When to Use Which

SituationUse
Heaven trigram (all yang / solid lines)☰ or type ☰
Earth trigram (all yin / broken lines)☷ (U+2637)
Fire trigram☲ (U+2632)
Lake trigram☱ (U+2631)
Generated text via ::before / ::aftercontent: "\2630"

Live Preview

Trigram heaven rendered alone and next to related bagua symbols.

Large glyph ☰
Notation Heaven: ☰
Compared ☰  |  ☷  |  ☱
Hint Compare: Heaven ☰ | Earth ☷ | Lake ☱
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 label example. No named entity exists.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Trigram Heaven (☰)</title>
  <style>
    #point::after {
      content: "\2630";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2630;</p>
  <p>Using HTML Code: &#9776;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ☰</p>
  <p>Label: Heaven &#x2630;</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2630 → &#x2630; in HTML. Preferred numeric form when you need an entity.

2. Decimal: same code point as 9776 → &#9776;. Same glyph as hex.

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

4. Typed / label: paste ☰ in UTF-8, or write Heaven &#x2630; for a short caption.

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

Pitfalls & Tips

Common mistakes when working with U+2630.

vs ☷

Not earth

☷ (U+2637) is three broken lines (earth / kūn). ☰ is three solid lines (heaven / qián).

vs ☱

Not lake

☱ (U+2631) is a different bagua pattern. Each trigram has its own code point — do not swap them by appearance alone.

Named

No named HTML entity

There is no &trigramheaven; for U+2630. Use &#x2630; or &#9776;.

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

\2630 belongs in CSS strings. &#x2630; / &#9776; belong in HTML.

A11y

Name the trigram in context

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

Browser Support

Trigram heaven (U+2630) and its entity forms (&#x2630;, &#9776;, CSS \\2630) are supported in all mainstream browsers. Visible glyphs depend on Miscellaneous Symbols font coverage.

✓ Universal support

Trigram Heaven (&#x2630;)

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

Bottom line: Prefer &#x2630; or &#9776; in HTML. Use \\2630 only inside CSS content. There is no named entity.

Key Takeaways

  • Unicode: trigram heaven is U+2630 (decimal 9776) — glyph ☰.
  • HTML: no named entity — use &#x2630; / &#9776; / type ☰.
  • CSS: use \2630 inside content for generated text.
  • Meaning: ☰ is heaven (solid lines) — not ☷ (earth), not ☱ (lake).

One line: U+2630 → &#x2630; / &#9776; / CSS \2630 (no named entity).

Frequently Asked Questions

Use &#x2630; (hex), &#9776; (decimal), type ☰ directly in UTF-8, or the CSS escape \2630 in content. There is no named HTML entity.
U+2630 (TRIGRAM FOR HEAVEN). Hex 2630, decimal 9776. It belongs to Miscellaneous Symbols (U+2600–U+26FF).
No. Use numeric references &#x2630; or &#9776;, or type ☰ in UTF-8.
No. ☰ is U+2630 (heaven — three solid lines). ☷ is U+2637 (earth — three broken lines). ☱ is U+2631 (lake).
Use it for I Ching / Yijing content, cultural symbols, or diagrams that need the heaven trigram — not as a substitute for the earth trigram or other bagua marks.
HTML entities (&#9776; or &#x2630;) go in markup. The CSS escape \2630 goes in stylesheet strings (usually content on ::before/::after).

Did you know?

Trigram for heaven is Unicode U+2630 (decimal 9776) — glyph ☰ in Miscellaneous Symbols (U+2600–U+26FF). Official name: TRIGRAM FOR HEAVEN (I Ching / Yijing; three solid / yang lines; Chinese qián). HTML5 has no named entity — use &#x2630; or &#9776;. Do not confuse with trigram for earth U+2637 (☷) or trigram for lake U+2631 (☱).

Next: Trigram Lake

Learn the HTML entity for trigram lake (U+2631).

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