HTML Entity for Less Than Above Left Arrow (⥶)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+2976
HTML Entity for Less Than Above Left Arrow (U+2976) tutorial illustration
Definition

What Is the Less Than Above Left Arrow Entity?

Less Than Above Left Arrow (⥶) is the Supplemental Arrows-B character at Unicode U+2976 (LESS-THAN ABOVE LEFTWARDS ARROW). It combines a less-than sign above a leftwards arrow in one glyph.

Remember
Character     ⥶
Unicode       U+2976
Hex entity    ⥶
Decimal       ⥶
Named entity  ⥶
CSS escape    \2976
Not the same  &lt; (<) · &larr; (←)

All of these produce the same glyph: ⥶. Prefer &ltlarr; when you want an explicit entity.

Reference

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity&ltlarr;HTML markup (best entity default)
Hex entity&#x2976;HTML markup
Decimal entity&#10614;HTML markup
CSS escape\2976Stylesheet content
Direct character⥶UTF-8 HTML text

When to Use Which

SituationUse
Readable HTML entity source&ltlarr;
Need a numeric entity&#x2976; or &#10614;
Generated text via ::before / ::aftercontent: "\2976"
Plain less-than signUse &lt; (U+003C)
Plain leftwards arrowUse &larr; (U+2190)
See it

Live Preview

Less Than Above Left Arrow in common math and diagram contexts.

Label snippet A ⥶ B
Large glyph ⥶
Named entity &ltlarr; → ⥶
vs &lt; / &larr; ⥶  |  <  |  ←
With entities Hex: ⥶ | Decimal: ⥶ | Named: ⥶
Code

Complete HTML Example

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

Hex + Decimal + Named + CSS

All four ways to produce ⥶ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Less Than Above Left Arrow (⥶)</title>
  <style>
    #point::after {
      content: "\2976";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2976;</p>
  <p>Using HTML Code: &#10614;</p>
  <p>Using Named Entity: &ltlarr;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>A &ltlarr; B</code></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2976 → &#x2976; in HTML. The browser turns it into ⥶.

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

3. Named: &ltlarr; is the HTML5 name for this character.

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

Pitfalls & Tips

Common mistakes when working with Less Than Above Left Arrow.

Look-alikes

⥶ ≠ < ≠ ←

&ltlarr; is one combined character. Do not fake it by stacking &lt; and &larr;.

Name

&ltlarr; ≠ &lt;

The trailing larr marks the arrow form. Do not stop at &lt;.

Fonts

Glyph may be missing

Supplemental Arrows-B coverage varies. Test on your target devices or provide a fallback font.

CSS vs HTML

Do not mix escapes

\2976 belongs in CSS. &ltlarr; / &#x2976; / &#10614; belong in HTML.

A11y

Add nearby words

Pair the glyph with label text (for example A &ltlarr; B) or use aria-label when it stands alone.

Semicolon

End references

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

Compatibility

Browser Support

Less Than Above Left Arrow (U+2976) and its entity forms (&ltlarr;, &#x2976;, &#10614;, CSS \\2976) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Less Than Above Left Arrow (&ltlarr;)

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+2976 / &ltlarr; Full support

Bottom line: Prefer &ltlarr; for readable HTML. Use \\2976 only inside CSS content.

Remember

Key Takeaways

  • Unicode: this symbol is U+2976 (decimal 10614).
  • HTML: prefer &ltlarr; — or use &#x2976; / &#10614;.
  • CSS: use \2976 inside content for generated text.
  • Watch out: &ltlarr; ≠ &lt; ≠ &larr;.

One line: U+2976 → &ltlarr; / &#x2976; / &#10614; / CSS \2976.

Frequently Asked Questions

Use &ltlarr; (named), &#x2976; (hex), &#10614; (decimal), or the CSS escape \2976 in the content property. You can also type ⥶ directly in UTF-8 HTML.
U+2976 (LESS-THAN ABOVE LEFTWARDS ARROW). Hex 2976, decimal 10614. It belongs to Supplemental Arrows-B (U+2900–U+297F).
Yes. &ltlarr; is the HTML5 named entity. You can also use &#x2976; or &#10614;.
Use it in mathematical notation and diagrams when you need a less-than sign combined with a leftwards arrow in one character. Prefer &ltlarr; for readable HTML.
HTML entities (&ltlarr;, &#10614;, or &#x2976;) go in markup. The CSS escape \2976 is used in stylesheets (usually in the content property of ::before/::after). Both render ⥶.
&lt; (U+003C) is only the less-than sign. &larr; (U+2190) is only a left arrow. &ltlarr; (U+2976) is the combined LESS-THAN ABOVE LEFTWARDS ARROW character.

Did you know?

Less Than Above Left Arrow is Unicode U+2976 (decimal 10614) — LESS-THAN ABOVE LEFTWARDS ARROW. HTML5 provides &ltlarr;. Prefer it for readable source. Do not confuse it with a plain &lt; (U+003C) or a plain &larr; (U+2190).

Next: Less Than Above Right Arrow

Learn the HTML entity for Less Than Above Right Arrow — 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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Left White Arrow HTML Entity | Less Than Above Right Arrow