HTML Entity for Notched Upper Right Shadowed White Right Arrow (➱)
What You'll Learn
How to display the Notched Upper Right Shadowed White Right Arrow (➱) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+27B1 (NOTCHED UPPER RIGHT SHADOWED WHITE RIGHTWARDS ARROW) in the Dingbats block (U+2700–U+27BF)—a distinctive right-pointing arrow with a notched upper-right, shadowed style for navigation and UI design.
Render it with ➱, ➱, or CSS escape \27B1. There is no named HTML entity. Compare with Notched Lower Right Shadowed White Right Arrow (➯, U+27AF) or the simple right arrow → (→, U+2192).
⚡ Quick Reference — Notched Upper Right Shadowed White Right Arrow
U+27B1Dingbats block
➱Hexadecimal reference
➱Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+27B1
Hex code ➱
HTML code ➱
Named entity (none)
CSS code \27B1
Meaning Notched Upper Right Shadowed White Right Arrow
Related U+27AF = notched lower 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: "\27B1";
}
</style>
</head>
<body>
<p>Symbol (hex): ➱</p>
<p>Symbol (decimal): ➱</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
U+27B1 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 27B1 to display the notched shadowed right arrow.
Decimal HTML Code
➱ uses the decimal Unicode value 10161 to display the same character.
CSS Entity
\27B1 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+27B1 in Dingbats (U+2700–U+27BF). No named HTML entity—use numeric codes in markup.
Use Cases
The Notched Upper 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
\27B1in 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+27B1
- Confuse ➱ (notched shadowed arrow) with → (simple right arrow)
- Use padded Unicode notation like U+027B1—the correct value is
U+27B1 - Put CSS escape
\27B1in HTML text nodes - Use
\027B1in CSS—the correct escape is\27B1
Key Takeaways
Two HTML numeric references render ➱
➱ ➱For CSS stylesheets, use the escape in the content property
\27B1Unicode U+27B1 — NOTCHED UPPER 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 \27B1 in CSS content. There is no named entity. All produce ➱.U+27B1 (NOTCHED UPPER RIGHT SHADOWED WHITE RIGHTWARDS ARROW). Dingbats block (U+2700–U+27BF). Hex 27B1, decimal 10161.➱ or ➱) go directly in markup. The CSS escape \27B1 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