Less Than Above Right Arrow (⥷) is the Supplemental Arrows-B character at Unicode U+2977 (LESS-THAN ABOVE RIGHTWARDS ARROW). It combines a less-than sign above a rightwards arrow in one glyph.
Remember
Character ⥷
Unicode U+2977
Hex entity ⥷
Decimal ⥷
Named entity (none)
CSS escape \2977
Not the same ⥶ (⥶) · ⥸ (⥸) · < (<)
Hex, decimal, CSS, and a typed character all produce the same glyph: ⥷. Prefer ⥷ when you want an explicit entity.
Using Hex Code: ⥷
Using HTML Code: ⥷
Using CSS Entity: ⥷
A ⥷ B
How It Works
1. Hex:U+2977 → ⥷ in HTML. The browser turns it into ⥷.
2. Decimal: same code point as 10615 → ⥷. Same result as hex.
3. Named: HTML5 does not define a named entity for this character — use hex or decimal instead.
4. CSS: use \2977 in content (not an HTML entity). #point::after appends that ⥷ after the paragraph text.
Pitfalls & Tips
Common mistakes when working with Less Than Above Right Arrow.
Look-alikes
⥷ ≠ ⥶ ≠ ⥸
Leftwards, rightwards, and greater-than variants are different characters — pick the exact code point you need.
Named
No &…; name
Do not invent a name such as <rarr;. Use ⥷ or ⥷.
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
\2977 belongs in CSS. ⥷ / ⥷ belong in HTML.
A11y
Add nearby words
Pair the glyph with label text (for example A ⥷ B) or use aria-label when it stands alone.
Semicolon
End references
Always finish with ; — write ⥷, not ⥷.
Compatibility
Browser Support
Less Than Above Right Arrow (U+2977) and its entity forms (⥷, ⥷, CSS \\2977) are supported in all modern browsers. Glyph coverage depends on the font.
✓ Universal encoding
Less Than Above Right Arrow (⥷)
Encode with hex, decimal, or CSS escape — or type ⥷ directly in UTF-8 HTML. No named entity.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerIE 9+
Yes*
U+2977Full support
Bottom line: Prefer ⥷ for readable HTML. Use \\2977 only inside CSS content.
Remember
Key Takeaways
Unicode: this symbol is U+2977 (decimal 10615).
HTML: prefer ⥷ — or use ⥷. No named entity.
CSS: use \2977 inside content for generated text.
Watch out:U+2977 ≠ ⥶ ≠ ⥸.
One line:U+2977 → ⥷ / ⥷ / CSS \2977 (no named entity).
Frequently Asked Questions
Use ⥷ (hex), ⥷ (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 (LESS-THAN ABOVE RIGHTWARDS ARROW). Hex 2977, decimal 10615. It belongs to Supplemental Arrows-B (U+2900–U+297F).
No. HTML5 does not define a named entity for U+2977. Use numeric references like ⥷ or ⥷.
Use it in mathematical notation and diagrams when you need a less-than sign combined with a rightwards arrow in one character. Prefer numeric entities when encoding must be explicit.
HTML entities (⥷ or ⥷) go in markup. The CSS escape \2977 is used in stylesheets (usually in the content property of ::before/::after). Both render ⥷.
⥶ (U+2976) is less-than above a leftwards arrow. ⥸ (U+2978) is greater-than above a rightwards arrow. U+2977 is less-than above a rightwards arrow — and it has no named entity.
🤔
Did you know?
Less Than Above Right Arrow is Unicode U+2977 (decimal 10615) — LESS-THAN ABOVE RIGHTWARDS ARROW. HTML5 has no named entity — use ⥷ or ⥷. Do not confuse it with ⥶ (U+2976, leftwards) or ⥸ (U+2978, greater-than above rightwards).
