HTML Entity for Left Arrow Through Less Than (⥷)

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

What You'll Learn

How to display the Left Arrow Through Less Than (⥷) in HTML using hexadecimal, decimal, and CSS escape methods. This symbol is U+2977 (LEFTWARDS ARROW THROUGH LESS-THAN) in the Supplemental Arrows-B block (U+2900–U+297F)—a leftwards arrow through a less-than sign, used in mathematical notation, programming (e.g., type theory), and technical content.

Render it with ⥷, ⥷, or CSS \2977. There is no named HTML entity. Related: U+2978 (⥸, right arrow through greater-than), U+21A2 (↢, left arrow tail / ↢).

⚡ Quick Reference — Left Arrow Through Less Than

Unicode U+2977

Supplemental Arrows-B

Hex Code ⥷

Hexadecimal reference

HTML Code ⥷

Decimal reference

Named Entity —

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2977
Hex code       ⥷
HTML code      ⥷
Named entity   (none)
CSS code       \2977
Meaning        Leftwards arrow through less-than sign
Related        U+2978 = right arrow through greater-than (⥸)
               U+21A2 = left arrow tail (↢)
1

Complete HTML Example

A simple example showing the Left Arrow Through Less Than (⥷) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2977";
  }
 </style>
</head>
<body>
<p>Symbol using Hexadecimal: &#x2977;</p>
<p>Symbol using HTML Code: &#10615;</p>
<p id="point">Symbol using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Left Arrow Through Less Than (⥷) 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 Left Arrow Through Less Than (⥷) in math and type-theory contexts:

Type relation A ⥷ B
Order notation x ⥷ y (ordering)
Logic / proof P ⥷ Q
Large glyph ⥷
Arrow comparison ⥷ ⥸ ↢ ⥆
Numeric refs &#x2977; &#10615; \2977

🧠 How It Works

1

Hexadecimal Code

&#x2977; uses the Unicode hexadecimal value 2977 to display the left arrow through less-than. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

\2977 is used in CSS stylesheets in the content property of pseudo-elements like ::after for math and technical notation.

CSS stylesheet
=

Same visual result

All three methods produce ⥷. Unicode U+2977 is in Supplemental Arrows-B. Next: Left Arrow Through Subset.

✅

Use Cases

The Left Arrow Through Less Than (⥷) is commonly used in:

🔢 Math notation

Equations, order relations, or notation that use left-arrow-through-less-than in math content.

💻 Type theory

Type relations, subtyping, or formal notation in programming documentation and code.

📄 Documentation

Specifications, logic, or notation that uses this composite arrow.

📊 Diagrams

Indicate implication or relation in formal diagrams and proofs.

📐 Logic

Represent ordering or relation symbols in logic and set-theoretic notation.

🗃 Reference

Character sets, symbol lists, or Unicode reference content.

💡 Best Practices

Do

  • Pair ⥷ with text or aria-label (e.g., “left arrow through less than”) for accessibility
  • Use &#10615; or &#x2977; in HTML—no named entity exists
  • Use fonts that support Supplemental Arrows-B (U+2977)
  • Set <meta charset="utf-8">
  • Keep one numeric style (hex or decimal) per project
  • Test glyph rendering across browsers and fonts

Don’t

  • Expect a named HTML entity for U+2977
  • Use CSS \2977 inside HTML text nodes
  • Confuse ⥷ with ⥸ (right arrow through greater-than)
  • Rely on the symbol alone without context in critical UI
  • Assume legacy systems render Supplemental Arrows-B without testing

Key Takeaways

1

Two HTML numeric references plus CSS for U+2977

&#x2977; &#10615;
2

For CSS, use \2977 in the content property

3

Unicode U+2977 — LEFTWARDS ARROW THROUGH LESS-THAN

4

Supplemental Arrows-B block (U+2900–U+297F) — no named entity

5

Previous: Left Arrow Tail (↢)   Next: Left Arrow Through Subset

❓ Frequently Asked Questions

Use &#x2977; (hex), &#10615; (decimal), or \2977 in CSS content. There is no named entity. All three methods render ⥷ correctly.
U+2977 (LEFTWARDS ARROW THROUGH LESS-THAN). Supplemental Arrows-B block (U+2900–U+297F). Hex 2977, decimal 10615. A leftwards arrow through a less-than sign.
In mathematical notation, programming and type theory, technical documentation, diagrams, and any content that requires a left-arrow-through-less-than symbol.
HTML references (&#10615; or &#x2977;) go in markup. The CSS escape \2977 is used in stylesheets, typically on ::before or ::after. Both produce ⥷.
Named entities cover common characters; arrow symbols with modifiers like the through-less-than (U+2977) in Supplemental Arrows-B use numeric hex (&#x2977;) or decimal (&#10615;) codes. That is standard for such symbols in HTML.

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 Arrow Tail (↢) Left Arrow Through Subset