HTML Entity for Back Tilted Shadowed White Right Arrow (➫)
What You'll Learn
How to display the back tilted shadowed white right arrow (➫) in HTML using numeric character references and CSS. This dingbat belongs to the Dingbats Unicode block (U+2700–U+27BF) and is useful for navigation, menus, buttons, and directional UI without bitmap icons.
There is no named HTML entity for this character. You can render it with a hexadecimal reference (➫), a decimal reference (➫), or a CSS escape (\27AB) in the content property.
⚡ Quick Reference — Back Tilted Shadowed White Right Arrow
U+27ABDingbats block
➫Hexadecimal reference
➫Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+27AB
Hex code ➫
HTML code ➫
Named entity —
CSS code \27ABComplete HTML Example
This example demonstrates the arrow using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\27AB";
}
</style>
</head>
<body>
<p>Back Tilted Shadowed White Right Arrow using Hexa Decimal: ➫</p>
<p>Back Tilted Shadowed White Right Arrow using HTML Code: ➫</p>
<p id="point">Back Tilted Shadowed White Right Arrow using CSS Entity: </p>
</body>
</html>🌐 Browser Support
This dingbat arrow is supported in all modern browsers when you use numeric references or CSS escapes:
👀 Live Preview
See the arrow rendered live in different contexts:
🧠 How It Works
Hexadecimal Code
➫ uses the Unicode hexadecimal value 27AB. The x prefix marks a hexadecimal numeric character reference.
Decimal HTML Code
➫ is the decimal form (code point 10155). It is equivalent to ➫.
CSS Entity
\27AB is the CSS escape for U+27AB, used in the content property of ::before or ::after.
Same visual result
Hex, decimal, and CSS escapes all produce ➫. There is no named HTML entity for this dingbat; use numeric references in markup and \27AB only in CSS.
Use Cases
The back tilted shadowed white right arrow (➫) commonly appears in:
Breadcrumbs, “next,” and forward links where a dingbat reads better than a tiny image.
Buttons, list rows, and cards that need a consistent right-pointing cue.
Wizards, tutorials, and onboarding where each step points to the next.
“Read more,” “Continue,” or outbound link rows with a forward arrow.
Mobile menus and accordions where a single character scales cleanly.
Flow diagrams and bullet hierarchies in HTML exports.
Pair the glyph with visible text or aria-label so screen readers get intent, not only “right arrow.”
💡 Best Practices
Do
- Stick to one numeric style (hex or decimal) per project
- Verify the font stack includes a face with Dingbats coverage
- Use
\27ABonly inside CSS, not raw in HTML text - Add
aria-labelor visible labels for icon-only controls - Prefer semantic links with text plus the arrow as decoration
Don’t
- Rely on the arrow alone for critical navigation meaning
- Assume every system font draws U+27AB identically
- Paste CSS escapes into HTML body content
- Forget to test RTL layouts if you mix arrows and text
- Use bitmap arrows when a single character meets the design
Key Takeaways
Two numeric references render the same glyph
➫ ➫In CSS content, use the escape
\27ABUnicode U+27AB is a Dingbat; there is no standard named entity
Combine the symbol with link text or labels for accessible navigation
Pick fonts known to cover dingbats for consistent UI arrows
❓ Frequently Asked Questions
➫ (hex), ➫ (decimal), or \27AB in CSS content. There is no named entity; all valid methods render ➫.U+27AB (hex 27AB, decimal 10155). It lives in the Dingbats block and is used for navigation and directional UI.\27AB escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes directly into HTML text nodes.➫, ➫, or \27AB in CSS depending on whether you are authoring markup or styles.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful