HTML Entity for Left Arrow Through Less Than (⥷)

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

What Is the Left Arrow Through Less Than Entity?

Left Arrow Through Less Than (⥷) is the Supplemental Arrows-B character at Unicode U+2977 (LEFTWARDS ARROW THROUGH LESS-THAN). It combines a leftwards arrow drawn through a less-than sign — used in math and type notation.

Remember
Character     ⥷
Unicode       U+2977
Hex entity    ⥷
Decimal       ⥷
Named entity  (none)
CSS escape    \2977
Not the same  ⥶ (⥶) · ⥸ (⥸)

All of these produce the same glyph: ⥷ (when the font supports U+2977). Prefer numeric entities in HTML; use CSS \2977 only in content.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity⥷HTML markup
Decimal entity⥷HTML markup
CSS escape\2977Stylesheet content
Direct character⥷UTF-8 HTML text
Named entity—Not defined in HTML5

When to Use Which

SituationUse
Need an entity in HTML source⥷ or ⥷
Generated text via ::before / ::aftercontent: "\2977"
UTF-8 page, typing is easyType ⥷ directly
Less-than above left arrowUse ⥶ (U+2976) — different glyph
Through subset (related math)See Left Arrow Through Subset

Live Preview

Left Arrow Through Less Than in notation-style contexts.

Type relation A ⥷ B
Large glyph ⥷
vs look-alikes ⥷  |  ⥶  |  ⥸
Math line x ⥷ y
With entities Hex: ⥷ | Decimal: ⥷

Complete HTML Example

One page that shows Left Arrow Through Less Than with hex, decimal, CSS, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ⥷ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Left Arrow Through Less Than (⥷) in HTML</title>
  <style>
    #point::after {
      content: "\2977";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2977;</p>
  <p>Using HTML Code: &#10615;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ⥷</p>
  <p>A &#x2977; B (type relation)</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2977 → &#x2977; in HTML. The browser turns it into ⥷.

2. Decimal: same code point as 10615 → &#10615;. Same result as hex.

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

4. Typed: in UTF-8 you can type ⥷ directly — same visual result when the font supports it.

Pitfalls & Tips

Common mistakes when working with Left Arrow Through Less Than.

Named?

No named entity

HTML5 does not define a named entity for U+2977. Use numeric forms.

Name trap

&ltlarr; ≠ U+2977

&ltlarr; is U+2976 (⥶) — less-than above a left arrow, not through.

Look-alikes

Not &gtrarr;

U+2978 (⥸) is rightwards through greater-than — a different direction and relation.

A11y

Explain the relation

Screen readers may not name this glyph clearly. Add nearby text or aria-label when it carries meaning.

CSS vs HTML

Do not mix escapes

\2977 belongs in CSS. &#x2977; / &#10615; belong in HTML.

Fonts

Supplemental Arrows coverage

Some fonts omit U+2977. Prefer Segoe UI Symbol, Noto Sans Symbols, or a math-capable face.

Browser Support

Left Arrow Through Less Than (U+2977) and its entity forms (&#x2977;, &#10615;, CSS \\2977) are supported in modern browsers when the font includes Supplemental Arrows-B.

✓ Universal support

Left Arrow Through Less Than (&#x2977;)

Encode with hex, decimal, or CSS escape — same character when the font supports U+2977. No named HTML entity.

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+2977 Full support

Bottom line: Use &#x2977; or &#10615; in HTML. Use \\2977 only inside CSS content. Do not confuse with &ltlarr; or &gtrarr;.

Key Takeaways

  • Unicode: this symbol is U+2977 (decimal 10615).
  • HTML: use &#x2977; or &#10615; — no named entity.
  • CSS: use \2977 inside content for generated text.
  • Watch out: ⥷ ≠ ⥶ (&ltlarr;) ≠ ⥸ (&gtrarr;).

One line: U+2977 → &#x2977; / &#10615; / CSS \2977 (no named entity).

Frequently Asked Questions

Use &#x2977; (hex), &#10615; (decimal), or the CSS escape \2977 in the content property. All render ⥷ when the font supports Supplemental Arrows-B. There is no named HTML entity.
U+2977 (LEFTWARDS ARROW THROUGH LESS-THAN). Hex 2977, decimal 10615. It belongs to the Supplemental Arrows-B block (U+2900–U+297F).
No. HTML5 does not define a named entity for U+2977. Use numeric references like &#x2977; or &#10615;. Note: &ltlarr; is a different character (U+2976).
Use it in mathematical or type-theory notation that needs a leftwards arrow drawn through a less-than sign. Prefer numeric entities when encoding must be explicit.
HTML entities (&#10615; or &#x2977;) go in markup. The CSS escape \2977 is used in stylesheets (usually in the content property of ::before/::after). Both render ⥷.
U+2976 (⥶, &ltlarr;) is less-than above leftwards arrow. U+2978 (⥸, &gtrarr;) is rightwards arrow through greater-than. U+2977 is specifically leftwards through less-than.

Did you know?

Left Arrow Through Less Than is Unicode U+2977 (decimal 10615) — LEFTWARDS ARROW THROUGH LESS-THAN. HTML5 has no named entity — use &#x2977; or &#10615;. Do not confuse it with &ltlarr; (U+2976, less-than above left arrow) or &gtrarr; (U+2978, rightwards through greater-than).

Next: Left Arrow Through Subset

Learn the HTML entity for Left Arrow Through Subset — next in this sequence.

Left Arrow Through Subset 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