HTML Entity for Left Shaded White Right Arrow (➪)
What You'll Learn
How to display the Left Shaded White Right Arrow (➪) in HTML using hexadecimal, decimal, and CSS escape methods. This symbol is U+27AA (LEFT SHADED WHITE RIGHTWARDS ARROW) in the Dingbats block (U+2700–U+27BF)—a directional arrow with a shaded white right-arrow style, often used in user interfaces, navigation, and icon design.
Render it with ➪, ➪, or CSS \27AA. There is no named HTML entity. Do not confuse ➪ with U+2192 (→, simple rightwards arrow / →) or U+27A9 (➩, rightwards dashed arrow).
⚡ Quick Reference — Left Shaded White Right Arrow
U+27AADingbats block
➪Hexadecimal reference
➪Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+27AA
Hex code ➪
HTML code ➪
Named entity (none)
CSS code \27AA
Meaning Left shaded white rightwards arrow
Related U+2192 = rightwards arrow (→)
U+27A9 = rightwards dashed arrow (➩)Complete HTML Example
A simple example showing the Left Shaded White Right Arrow (➪) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\27AA";
}
</style>
</head>
<body>
<p>Arrow (hex): ➪</p>
<p>Arrow (decimal): ➪</p>
<p id="point">Arrow (CSS): </p>
</body>
</html>🌐 Browser Support
The Left Shaded White Right Arrow (➪) is universally supported in all modern browsers when the font includes Dingbats block glyphs:
👀 Live Preview
See the Left Shaded White Right Arrow (➪) rendered live in different contexts:
🧠 How It Works
Hexadecimal Code
➪ uses the Unicode hexadecimal value 27AA for the left shaded white rightwards arrow. The x prefix indicates hexadecimal format.
Decimal HTML Code
➪ uses the decimal Unicode value 10154 to display the same character.
CSS Entity
\27AA is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All three methods produce ➪. Unicode U+27AA is in the Dingbats block. There is no named HTML entity—use numeric codes. Previous: Left Semidirect Product.
Use Cases
The Left Shaded White Right Arrow (➪) is commonly used in:
Use as directional buttons, “next” or “forward” indicators, or menu arrows.
Include in icon libraries or design systems for consistent arrow styling.
Show direction or flow between steps with a distinct shaded arrow style.
Indicate “go to next” or directional cues in web-based slides.
Point to next steps or related content with a clear arrow.
Decorate call-to-action or “continue” buttons with the shaded arrow.
💡 Best Practices
Do
- Use
➪or➪for readable numeric references - Add
aria-labelor surrounding text for accessibility (e.g. “next”) - Verify your font supports the Dingbats block (U+27AA)
- Keep one entity style per project for consistency
- Pair the symbol with text labels when used for navigation
Don’t
- Assume a named HTML entity exists—there is none for U+27AA
- Use CSS
\27AAinside HTML text nodes - Confuse ➪ with → (simple rightwards arrow)
- Mix entity styles randomly in one file
- Rely on the symbol alone without context for screen reader users
Key Takeaways
Two HTML references plus CSS all render ➪
➪ ➪For CSS, use \27AA in the content property
Unicode U+27AA — LEFT SHADED WHITE RIGHTWARDS ARROW
No named HTML entity—use hex or decimal numeric codes
Previous: Left Semidirect Product Next: Left Side Arc Anticlockwise Arrow
❓ Frequently Asked Questions
➪ (hex), ➪ (decimal), or \27AA in CSS content. All three methods render ➪ correctly. There is no named HTML entity.U+27AA (LEFT SHADED WHITE RIGHTWARDS ARROW). Dingbats block (U+2700–U+27BF). Hex 27AA, decimal 10154.➪ or ➪) go in markup. The CSS escape \27AA is used in stylesheets, typically on ::before or ::after. Both produce ➪.➪ (decimal), ➪ (hex), or \27AA 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