HTML Entity for Less Than Equal To Greater Than (⋚)

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

What Is the Less Than Equal To Greater Than Entity?

Less Than Equal To Greater Than (⋚) is the Mathematical Operators character at Unicode U+22DA (LESS-THAN EQUAL TO OR GREATER-THAN). It stacks less-than, equals, and greater-than ideas in one relation glyph.

Remember
Character     ⋚
Unicode       U+22DA
Named entity  ⋚  or  ⋚
Hex entity    ⋚
Decimal       ⋚
CSS escape    \22DA
Not the same  ≶ (≶) · ⋛ (⋛) · ≤ (≤)

Prefer ⋚ or ⋚ in HTML. Alternatives: ⋚ or ⋚. The mirror form is ⋛ (greater-than equal to or less-than).

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity⋚ or ⋚HTML markup (best default)
Hex entity⋚HTML markup
Decimal entity⋚HTML markup
CSS escape\22DAStylesheet content
Direct character⋚UTF-8 HTML text

When to Use Which

SituationUse
Readable math in HTML⋚ or ⋚
Numeric entity required⋚ or ⋚
Generated text via ::before / ::aftercontent: "\22DA"
Greater-than equal to or less-thanUse ⋛ (U+22DB)
Less than or greater than (no equal)Use ≶ (U+2276)

Live Preview

Less Than Equal To Greater Than in common comparison contexts.

Relation a ⋚ b
Large glyph ⋚
Named entity ⋚ → ⋚
vs ≶ / ⋛ / ≤ ⋚  |  ≶  |  ⋛  |  ≤
With entities Named: ⋚ | Hex: ⋚ | Decimal: ⋚

Complete HTML Example

One page that shows this symbol with named, hex, decimal, and CSS. Use View Output or open the live editor.

Named + Hex + Decimal + CSS

Four ways to produce ⋚ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Less Than Equal To Greater Than (⋚)</title>
  <style>
    #point::after {
      content: "\22DA";
    }
  </style>
</head>
<body>
  <p>Using Named: &leg;</p>
  <p>Using Alias: &lesseqgtr;</p>
  <p>Using Hex Code: &#x22DA;</p>
  <p>Using HTML Code: &#8922;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>a &leg; b</code></p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &leg; and &lesseqgtr; are HTML5 names for U+22DA → ⋚. Prefer these for readable source.

2. Hex: U+22DA → &#x22DA; in HTML. Same glyph as named.

3. Decimal: same code point as 8922 → &#8922;.

4. CSS: use \22DA in content (not an HTML entity). #point::after appends that ⋚ after the paragraph text.

5. Look-alikes: &lg; omits the equal bar; &gel; flips the order to greater-than first.

Pitfalls & Tips

Common mistakes when working with Less Than Equal To Greater Than.

Look-alikes

&leg; ≠ &lg;

&lg; (U+2276) is less-than or greater-than without the equal component. Use &leg; when you need the equal bar.

Pair

Mirror is &gel;

Greater-than equal to or less-than is U+22DB — use &gel; / &gtreqless;, not a CSS flip.

Simple ≤

Not the same as &le;

Everyday less-than-or-equal is &le; (≤). This glyph is a three-way stacked relation.

Fonts

Math glyph coverage

Most modern fonts include U+22DA, but verify on target devices if the symbol is critical.

CSS vs HTML

Do not mix escapes

\22DA belongs in CSS. &leg; / &#x22DA; / &#8922; belong in HTML.

A11y

Add nearby words

Pair the glyph with label text (for example a &leg; b) or use aria-label when it stands alone.

Semicolon

End references

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

Browser Support

Less Than Equal To Greater Than (U+22DA) and its entity forms (&leg;, &lesseqgtr;, &#x22DA;, &#8922;, CSS \\22DA) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Less Than Equal To Greater Than (&#x22DA;)

Encode with named, hex, decimal, or CSS escape — or type ⋚ directly in UTF-8 HTML.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer IE 9+
Yes*
U+22DA Full support

Bottom line: Prefer &leg; or &lesseqgtr; for readable HTML. Use \\22DA only inside CSS content.

Key Takeaways

  • Unicode: this symbol is U+22DA (decimal 8922).
  • HTML: prefer &leg; or &lesseqgtr; — also &#x22DA; / &#8922;.
  • CSS: use \22DA inside content for generated text.
  • Watch out: &leg; ≠ &lg; ≠ &gel;.

One line: U+22DA → &leg; / &lesseqgtr; / &#x22DA; / CSS \22DA.

Frequently Asked Questions

Use &leg; or &lesseqgtr; (named), &#x22DA; (hex), &#8922; (decimal), or the CSS escape \22DA in the content property. All render ⋚ when the font supports Mathematical Operators.
U+22DA (LESS-THAN EQUAL TO OR GREATER-THAN). Hex 22DA, decimal 8922. It belongs to Mathematical Operators (U+2200–U+22FF).
Yes. HTML5 defines &leg;, &lesseqgtr;, and &LessEqualGreater; for U+22DA. Prefer &leg; or &lesseqgtr; for readable math markup.
Use it in math and logic when a value may be less than, equal to, or greater than another — the stacked ≤/≥ style relation. Prefer named entities for readable source.
HTML entities (&leg;, &lesseqgtr;, &#8922;, or &#x22DA;) go in markup. The CSS escape \22DA is used in stylesheets (usually in the content property of ::before/::after). Both render ⋚.
&leg; (U+22DA) is less-than equal to or greater-than. &lg; is less-than or greater-than without the equal bar (U+2276). &gel; / &gtreqless; (U+22DB) is the greater-than-first mirror.

Did you know?

Less Than Equal To Greater Than is Unicode U+22DA (decimal 8922) — LESS-THAN EQUAL TO OR GREATER-THAN in Mathematical Operators. HTML5 named entities: &leg; and &lesseqgtr; (also &LessEqualGreater;). Mirror form: &gel; / &gtreqless; (U+22DB).

Next: Less Than Or Equal To

Learn the HTML entity for Less Than Or Equal To — next in this sequence.

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