HTML Entity for Less Than Above Right Arrow (⥷)
What You'll Learn
How to display the Less Than Above Right Arrow (⥷) in HTML using the named entity, 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 composite arrow combining a less-than sign above a leftwards arrow, used in mathematical notation and directional expressions.
Render it with <rarr; (named), ⥷, ⥷, or CSS \2977. Pair with U+2977 (⥷, less-than above rightwards arrow / <rarr;). Do not confuse ⥷ with ≤ (less-than or equal / ≤) or ← (leftwards arrow).
⚡ Quick Reference — Less Than Above Right Arrow
U+2977Supplemental Arrows-B
⥷Hexadecimal reference
⥷Decimal reference
<rarr;Most readable option
Name Value
──────────── ──────────
Unicode U+2977
Hex code ⥷
HTML code ⥷
Named entity <rarr;
CSS code \2977
Meaning Less-than above leftwards arrow
Related U+2977 = less-than above rightwards arrow (⥷ / <rarr;)
U+2264 = less-than or equal (≤ / ≤)Complete HTML Example
A simple example showing the Less Than Above Right Arrow (⥷) using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2977";
}
</style>
</head>
<body>
<p>Symbol (hex): ⥷</p>
<p>Symbol (decimal): ⥷</p>
<p>Symbol (named): <rarr;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The Less Than Above Right Arrow (⥷) renders in modern browsers when the font includes Supplemental Arrows-B glyphs:
👀 Live Preview
See the Less Than Above Right Arrow (⥷) rendered live in different contexts:
🧠 How It Works
Hexadecimal Code
⥷ uses the Unicode hexadecimal value 2977 for the less-than above leftwards arrow. The x prefix indicates hexadecimal format.
Decimal HTML Code
⥷ uses the decimal Unicode value 10615 to display the same character.
Named Entity
<rarr; is the semantic named entity — the easiest to read in source HTML for this composite arrow symbol.
CSS Entity
\2977 is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ⥷. Unicode U+2977 is in the Supplemental Arrows-B block. Previous: Left White Arrow.
Use Cases
The Less Than Above Right Arrow (⥷) is commonly used in:
Represent relations or directional ordering in equations and formal mathematical expressions.
Show ordering, comparison, or directional relations in tutorials and technical writing.
Use in logic, algebra, or computer science papers requiring composite arrow symbols.
Display conditional or comparative flow direction in process diagrams.
Represent subtyping, ordering, or directional relations in type systems and specs.
Use in formula editors, equation renderers, or technical dashboards.
💡 Best Practices
Do
- Prefer
<rarr;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+2977)
- 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 /
≤) - Confuse ⥷ with ⥷ (rightwards variant /
<rarr;) - Use CSS
\2977inside HTML text nodes - Use the symbol alone without explaining its mathematical meaning
- Mix entity styles randomly in one file
Key Takeaways
Four methods all render ⥷
<rarr; ⥷ ⥷For CSS, use \2977 in the content property
Unicode U+2977 — LEFTWARDS ARROW THROUGH LESS-THAN
Named entity <rarr; is the most readable option
Previous: Left White Arrow Next: Less Than But Not Equal To
❓ Frequently Asked Questions
<rarr; (named), ⥷ (hex), ⥷ (decimal), or \2977 in CSS content. All four methods render ⥷ correctly.U+2977 (LEFTWARDS ARROW THROUGH LESS-THAN). Supplemental Arrows-B block (U+2900–U+297F). Hex 2977, decimal 10615. Used in mathematical notation and directional expressions.⥷, ⥷, or <rarr;) go in markup. The CSS escape \2977 is used in stylesheets, typically on ::before or ::after. Both produce ⥷.<rarr; is the named HTML entity for U+2977. You can also use ⥷ (decimal), ⥷ (hex), or \2977 in CSS.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful