HTML Entity for Subgroup Equal To (⊴)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+22B4

What Is Subgroup Equal To?

Subgroup equal to (⊴) is the Mathematical Operators character at Unicode U+22B4 (NORMAL SUBGROUP OF OR EQUAL TO). In group theory, H ⊴ G means H is a normal subgroup of or equal to G. HTML5 provides the named entities ⊴ and ⊴.

Remember
Character     ⊴
Unicode       U+22B4
Named entity  ⊴  (also ⊴)
Hex entity    ⊴
Decimal       ⊴
CSS escape    \22B4

All of these produce the same glyph: ⊴. Prefer ⊴ for readable HTML; paste ⊴ in UTF-8 when convenient.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity⊴HTML markup (also ⊴)
Hex entity⊴HTML markup
Decimal entity⊴HTML markup
Direct character⊴HTML text (UTF-8 default)
CSS escape\22B4Stylesheet content

When to Use Which

SituationUse
Normal subgroup of or equal to⊴ or ⊴
Strict normal subgroup (no “or equal”)⊲ / ⊲
Reverse relation (contains as normal or equal)⊵ / ⊵
Set inclusion (subset or equal)⊆ / ⊆
UTF-8 math textType or paste ⊴
Generated text via ::before / ::aftercontent: "\22B4"

Live Preview

Subgroup equal to rendered in common contexts.

Glyph ⊴
Large glyph ⊴
In a relation H ⊴ G
With entities Named: ⊴ | Hex: ⊴ | Decimal: ⊴
Related symbols ⊲ (⊲) · ⊵ (⊵) · ⊆ (⊆)

Complete HTML Example

One page that shows Subgroup Equal To with named, hex, decimal, direct, and CSS forms. Use View Output or open the live editor.

Named + Hex + Decimal + Direct + CSS

Five ways to produce ⊴ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Subgroup Equal To (⊴) in HTML</title>
  <style>
    #point::after {
      content: "\22B4";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &ltrie;</p>
  <p>Using Hex Code: &#x22B4;</p>
  <p>Using HTML Code: &#8884;</p>
  <p>Using Direct Character: ⊴</p>
  <p id="point">Using CSS Entity: </p>
  <p>Example: H &ltrie; G</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &ltrie; (or &trianglelefteq;) is the clearest HTML form for U+22B4.

2. Hex: U+22B4 → &#x22B4; in HTML. Reliable numeric form.

3. Decimal: same code point as 8884 → &#8884;. Same glyph.

4. Direct: paste ⊴ in a UTF-8 file with <meta charset="UTF-8">.

5. CSS: use \22B4 in content (not an HTML entity). #point::after appends that ⊴ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with Subgroup Equal To.

Direction

⊴ vs ⊵

H ⊴ G means H is a normal subgroup of or equal to G. The reverse symbol is &rtrie; (U+22B5).

Not ⊲

Not strict normal subgroup

&vltri; (U+22B2) is normal subgroup of without the “or equal” bar under the triangle.

Not subset

Not ⊆

Subset or equal &sube; is set inclusion. Subgroup equal to is a group-theory relation — different meaning.

Aliases

&ltrie; = &trianglelefteq;

Both named forms map to U+22B4. Pick one and stay consistent.

CSS vs HTML

Do not mix escapes

\22B4 belongs in CSS. &ltrie; / &#x22B4; / &#8884; belong in HTML.

Semicolon

End references

Always finish with ; — write &ltrie;, not &ltrie.

Browser Support

Subgroup equal to (U+22B4) and its entity forms (&ltrie;, &#x22B4;, &#8884;, CSS \\22B4) are supported in all mainstream browsers. Glyph availability depends on the font.

✓ Universal support

Subgroup Equal To (&#x22B4;)

Prefer &ltrie;, or encode with hex, decimal, or CSS escape — same glyph everywhere.

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

Bottom line: Prefer &ltrie; (or &trianglelefteq;) in HTML. Use &#x22B4; / &#8884; when a numeric form is required, and \\22B4 only inside CSS content.

Key Takeaways

  • Unicode: this mark is U+22B4 (decimal 8884) — glyph ⊴.
  • HTML: prefer &ltrie; (alias &trianglelefteq;), or &#x22B4; / &#8884;.
  • CSS: use \22B4 inside content for generated text.
  • Meaning: H ⊴ G — not the same as ⊲, ⊵, or ⊆.

One line: U+22B4 → &ltrie; / &#x22B4; / &#8884; / CSS \22B4.

Frequently Asked Questions

Use &ltrie; (named), &#x22B4; (hex), &#8884; (decimal), type ⊴ directly in UTF-8, or the CSS escape \22B4 in content. Alias: &trianglelefteq;.
U+22B4 (NORMAL SUBGROUP OF OR EQUAL TO). Hex 22B4, decimal 8884. It belongs to Mathematical Operators (U+2200–U+22FF).
Yes. HTML5 defines &ltrie; and &trianglelefteq; for this character. Both are equivalent to &#8884; and &#x22B4;.
Use it in group theory and abstract algebra when H is a normal subgroup of or equal to G (H ⊴ G). Prefer &vltri; for strict normal subgroup (U+22B2) and &rtrie; for the reverse relation (U+22B5).
HTML entities (&ltrie;, &#8884;, or &#x22B4;) go in markup. The CSS escape \22B4 goes in stylesheet strings (usually content on ::before/::after).
No. ⊴ is U+22B4 (normal subgroup of or equal to). ⊲ is U+22B2 (normal subgroup of). ⊆ is U+2286 (subset of or equal to) — set theory, not the same relation.

Did you know?

Subgroup equal to (⊴) is Unicode U+22B4 (decimal 8884) — NORMAL SUBGROUP OF OR EQUAL TO in Mathematical Operators. HTML5 provides &ltrie; (also &trianglelefteq;). In group theory, H&nbsp;&ltrie;&nbsp;G means H is a normal subgroup of or equal to G. The reverse relation is U+22B5 (&rtrie;).

Next: Subgroup Or Equal To Reverse

Learn the HTML entity for subgroup or equal to reverse (⊵).

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