HTML Entity for Less Than Above Left Arrow (⥶)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2976
HTML entity for Less Than Above Left Arrow (U+2976) — named ⥶, hex, decimal, and CSS tutorial

What You'll Learn

How to display the Less Than Above Left Arrow (⥶) in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This symbol is U+2976 (LESS-THAN ABOVE LEFTWARDS ARROW) in the Supplemental Arrows-B block (U+2900–U+297F)—a composite arrow combining a less-than sign above a leftwards arrow, used in mathematical notation and directional expressions.

Render it with ⥶ (named), ⥶, ⥶, or CSS \2976. Pair with U+2977 (⥷, less-than above rightwards arrow / &ltrarr;). Do not confuse ⥶ with ≤ (less-than or equal / ≤) or ← (leftwards arrow).

⚡ Quick Reference — Less Than Above Left Arrow

Unicode U+2976

Supplemental Arrows-B

Hex Code ⥶

Hexadecimal reference

HTML Code ⥶

Decimal reference

Named Entity ⥶

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2976
Hex code       ⥶
HTML code      ⥶
Named entity   ⥶
CSS code       \2976
Meaning        Less-than above leftwards arrow
Related        U+2977 = less-than above rightwards arrow (⥷ / &ltrarr;)
               U+2264 = less-than or equal (≤ / ≤)
1

Complete HTML Example

A simple example showing the Less Than Above Left Arrow (⥶) using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2976";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x2976;</p>
<p>Symbol (decimal): &#10614;</p>
<p>Symbol (named): &ltlarr;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Less Than Above Left Arrow (⥶) renders in modern browsers when the font includes Supplemental Arrows-B glyphs:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

See the Less Than Above Left Arrow (⥶) rendered live in different contexts:

Inline math A ⥶ B denotes a directional ordering relation.
Large glyph ⥶
Composite pair ⥶ ⥷
Named vs numeric &ltlarr; &#x2976; &#10614; \2976
vs less-than or equal ⥶ vs ≤
Flow notation State B ⥶ State A (conditional leftward relation)

🧠 How It Works

1

Hexadecimal Code

&#x2976; uses the Unicode hexadecimal value 2976 for the less-than above leftwards arrow. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#10614; uses the decimal Unicode value 10614 to display the same character.

HTML markup
3

Named Entity

&ltlarr; is the semantic named entity — the easiest to read in source HTML for this composite arrow symbol.

HTML markup
4

CSS Entity

\2976 is used in CSS stylesheets in the content property of pseudo-elements like ::after.

CSS stylesheet
=

Same visual result

All four methods produce ⥶. Unicode U+2976 is in the Supplemental Arrows-B block. Previous: Left White Arrow.

✅

Use Cases

The Less Than Above Left Arrow (⥶) is commonly used in:

∑ Mathematical Notation

Represent relations or directional ordering in equations and formal mathematical expressions.

📄 Technical Documentation

Show ordering, comparison, or directional relations in tutorials and technical writing.

📚 Academic Papers

Use in logic, algebra, or computer science papers requiring composite arrow symbols.

📊 Flowcharts & Diagrams

Display conditional or comparative flow direction in process diagrams.

💻 Programming & Type Theory

Represent subtyping, ordering, or directional relations in type systems and specs.

🌐 Web Applications

Use in formula editors, equation renderers, or technical dashboards.

💡 Best Practices

Do

  • Prefer &ltlarr; when writing HTML by hand for readability
  • Pair the symbol with text or MathML where possible for accessibility
  • Verify your font supports Supplemental Arrows-B (U+2976)
  • Keep one entity style per project for consistency
  • Provide context so readers understand the composite arrow meaning

Don’t

  • Confuse ⥶ with ≤ (less-than or equal / &le;)
  • Confuse ⥶ with ⥷ (rightwards variant / &ltrarr;)
  • Use CSS \2976 inside HTML text nodes
  • Use the symbol alone without explaining its mathematical meaning
  • Mix entity styles randomly in one file

Key Takeaways

1

Four methods all render ⥶

&ltlarr; &#x2976; &#10614;
2

For CSS, use \2976 in the content property

3

Unicode U+2976 — LESS-THAN ABOVE LEFTWARDS ARROW

4

Named entity &ltlarr; is the most readable option

5

Previous: Left White Arrow   Next: Less Than But Not Equal To

❓ Frequently Asked Questions

Use &ltlarr; (named), &#x2976; (hex), &#10614; (decimal), or \2976 in CSS content. All four methods render ⥶ correctly.
U+2976 (LESS-THAN ABOVE LEFTWARDS ARROW). Supplemental Arrows-B block (U+2900–U+297F). Hex 2976, decimal 10614. Used in mathematical notation and directional expressions.
In mathematical expressions and notation, technical documentation, arrow symbols in equations, flowcharts and diagrams, and any content requiring a less-than-above-left-arrow symbol.
HTML references (&#10614;, &#x2976;, or &ltlarr;) go in markup. The CSS escape \2976 is used in stylesheets, typically on ::before or ::after. Both produce ⥶.
Yes. &ltlarr; is the named HTML entity for U+2976. You can also use &#10614; (decimal), &#x2976; (hex), or \2976 in CSS.

Explore More HTML Entities!

Discover 1500+ HTML character references — arrows, symbols, math operators, and more.

All HTML Entities →

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

Left White Arrow Less Than But Not Equal To