HTML Entity for Right Shaded White Right Arrow (➩)
What You'll Learn
How to display the Right Shaded White Right Arrow (➩) in HTML using hexadecimal, decimal, and CSS escape methods. This symbol is U+27A9 (RIGHT 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 \27A9. There is no named HTML entity. Do not confuse ➩ with U+2192 (→, simple rightwards arrow / →) or U+27AA (➪, left shaded white right arrow).
⚡ Quick Reference — Right Shaded White Right Arrow
U+27A9Dingbats block
➩Hexadecimal reference
➩Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+27A9
Hex code ➩
HTML code ➩
Named entity (none)
CSS code \27A9
Meaning Right shaded white rightwards arrow
Related U+2192 = rightwards arrow (→)
U+27AA = left shaded white right arrow (➪)Complete HTML Example
A simple example showing the Right 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: "\27A9";
}
</style>
</head>
<body>
<p>Arrow (hex): ➩</p>
<p>Arrow (decimal): ➩</p>
<p id="point">Arrow (CSS): </p>
</body>
</html>🌐 Browser Support
The Right Shaded White Right Arrow (➩) is universally supported in all modern browsers when the font includes Dingbats block glyphs:
👀 Live Preview
See the Right Shaded White Right Arrow (➩) rendered live in different contexts:
🧠 How It Works
Hexadecimal Code
➩ uses the Unicode hexadecimal value 27A9 for the right shaded white rightwards arrow. The x prefix indicates hexadecimal format.
Decimal HTML Code
➩ uses the decimal Unicode value 10153 to display the same character.
CSS Entity
\27A9 is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All three methods produce ➩. Unicode U+27A9 is in the Dingbats block. There is no named HTML entity—use numeric codes. Previous: Right Semidirect Product. Next: Right Side Arc Clockwise Arrow.
Use Cases
The Right 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+27A9)
- 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+27A9
- Use CSS
\27A9inside HTML text nodes - Confuse ➩ with → (simple rightwards arrow)
- Confuse ➩ with ➪ (left shaded white right 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 \27A9 in the content property
Unicode U+27A9 — RIGHT SHADED WHITE RIGHTWARDS ARROW
No named HTML entity—use hex or decimal numeric codes
Previous: Right Semidirect Product Next: Right Side Arc Clockwise Arrow
❓ Frequently Asked Questions
➩ (hex), ➩ (decimal), or \27A9 in CSS content. All three methods render ➩ correctly. There is no named HTML entity.U+27A9 (RIGHT SHADED WHITE RIGHTWARDS ARROW). Dingbats block (U+2700–U+27BF). Hex 27A9, decimal 10153.➩ or ➩) go in markup. The CSS escape \27A9 is used in stylesheets, typically on ::before or ::after. Both produce ➩.➩ (decimal), ➩ (hex), or \27A9 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