HTML Entity for Notched Lower Right Shadowed White Right Arrow (➯)
What You'll Learn
How to display the Notched Lower Right Shadowed White Right Arrow (➯) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+27AF (NOTCHED LOWER RIGHT SHADOWED WHITE RIGHTWARDS ARROW) in the Dingbats block (U+2700–U+27BF)—a distinctive right-pointing arrow with a notched lower-right, shadowed style for navigation and UI design.
Render it with ➯, ➯, or CSS escape \27AF. There is no named HTML entity. Compare with Notched Upper Right Shadowed White Right Arrow (➱, U+27B1) or the simple right arrow → (→, U+2192).
⚡ Quick Reference — Notched Lower Right Shadowed White Right Arrow
U+27AFDingbats block
➯Hexadecimal reference
➯Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+27AF
Hex code ➯
HTML code ➯
Named entity (none)
CSS code \27AF
Meaning Notched lower right shadowed white right arrow
Related U+27B1 = notched upper right (➱)
U+27AC = front tilted shadowed (➬)
U+2192 = right arrow (→)
Block Dingbats (U+2700–U+27BF)Complete HTML Example
This example demonstrates ➯ using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\27AF";
}
</style>
</head>
<body>
<p>Symbol (hex): ➯</p>
<p>Symbol (decimal): ➯</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
U+27AF is supported in modern browsers when rendered with a font that includes Dingbats:
👀 Live Preview
See ➯ in navigation and UI contexts:
🧠 How It Works
Hexadecimal Code
➯ uses the Unicode hexadecimal value 27AF to display the notched shadowed right arrow.
Decimal HTML Code
➯ uses the decimal Unicode value 10159 to display the same character.
CSS Entity
\27AF is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce: ➯. Unicode U+27AF in Dingbats (U+2700–U+27BF). No named HTML entity—use numeric codes in markup.
Use Cases
The Notched Lower Right Shadowed White Right Arrow (➯) is commonly used in:
Breadcrumbs, dropdown indicators, and forward/next menu items.
Call-to-action buttons, Continue links, and list item indicators.
Slides and flowcharts that show direction or sequence to the right.
Numbered or bullet lists where a distinctive arrow improves readability.
Logos, infographics, and branding with a notched shadowed arrow style.
Read-more arrows, external link indicators, and clickable elements.
💡 Best Practices
Do
- Use
➯or➯consistently in markup - Pair the arrow with text (e.g. “Next”) or use
aria-labelfor screen readers - Use
\27AFin CSS::afterfor next links or list bullets - Ensure sufficient contrast and size for touch targets and readability
- Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Expect a named entity—none exists for U+27AF
- Confuse ➯ (notched shadowed arrow) with → (simple right arrow)
- Use padded Unicode notation like U+027AF—the correct value is
U+27AF - Put CSS escape
\27AFin HTML text nodes - Use
\027AFin CSS—the correct escape is\27AF
Key Takeaways
Two HTML numeric references render ➯
➯ ➯For CSS stylesheets, use the escape in the content property
\27AFUnicode U+27AF — NOTCHED LOWER RIGHT SHADOWED WHITE RIGHTWARDS ARROW
Dingbats block (U+2700–U+27BF)
No named entity—use numeric references or UTF-8 in source files
❓ Frequently Asked Questions
➯ (hex), ➯ (decimal), or \27AF in CSS content. There is no named entity. All produce ➯.U+27AF (NOTCHED LOWER RIGHT SHADOWED WHITE RIGHTWARDS ARROW). Dingbats block (U+2700–U+27BF). Hex 27AF, decimal 10159.➯ or ➯) go directly in markup. The CSS escape \27AF is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.➯ (decimal) or ➯ (hexadecimal)—both render ➯ in modern browsers.Explore More HTML Entities!
Discover 1500+ HTML character references — Dingbats, symbols, arrows, and more.
About the author
8 people found this page helpful