HTML Entity for Right White Arrow (⇨)
What You'll Learn
How to display the Right White Arrow (⇨) in HTML using hexadecimal, decimal, and CSS escape methods. This symbol is U+21E8 (RIGHTWARDS WHITE ARROW) in the Arrows block (U+2190–U+21FF)—a hollow or outline-style arrow pointing right, used for navigation, UI components, flowcharts, and directional emphasis.
Use ⇨, ⇨, or CSS \21E8. There is no named HTML entity. Do not confuse ⇨ with U+2192 (→, filled right arrow / →) or U+219D (↝, wave arrow / ↝).
⚡ Quick Reference — Right White Arrow
U+21E8Arrows block
⇨Hexadecimal reference
⇨Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+21E8
Hex code ⇨
HTML code ⇨
Named entity (none)
CSS code \21E8
Meaning Hollow / white arrow pointing right
Related U+2192 = rightwards arrow (→ / →)
U+219D = rightwards wave arrow (↝ / ↝)
U+21E9 = downwards white arrow (⇩)Complete HTML Example
A simple example showing the Right White Arrow (⇨) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\21E8";
}
</style>
</head>
<body>
<p>Symbol (hex): ⇨</p>
<p>Symbol (decimal): ⇨</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The Right White Arrow (⇨) is universally supported in all modern browsers when the font includes Arrows block glyphs:
👀 Live Preview
See the Right White Arrow (⇨) rendered live in different contexts:
🧠 How It Works
Hexadecimal Code
⇨ uses the Unicode hexadecimal value 21E8 for the right white arrow. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇨ uses the decimal Unicode value 8680 to display the same character.
CSS Entity
\21E8 is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All three methods produce ⇨. Unicode U+21E8 is in the Arrows block. There is no named HTML entity. Previous: Right Wave Arrow (U+219D).
Use Cases
The Right White Arrow (⇨) is commonly used in:
Indicate forward or rightward movement in menus and pagination.
Show rightward direction in guides and wayfinding systems.
Use in buttons, links, and controls that need a hollow arrow cue.
Indicate directional flow between steps and decision nodes.
Include in architecture and process diagrams with arrow notation.
Add to dashboards and panels for lightweight directional navigation.
💡 Best Practices
Do
- Use
⇨or⇨for HTML markup - Distinguish ⇨ from → (filled) and ↝ (wave)
- Add
aria-labelor surrounding text for accessibility - Verify your font supports the Arrows block (U+21E8)
- Keep one entity style per project for consistency
Don’t
- Confuse ⇨ with → (filled right arrow) or ↝ (wave arrow)
- Assume a named HTML entity exists—there is none for U+21E8
- Use CSS
\21E8inside HTML text nodes - Rely on the arrow alone without context for screen readers
- Mix entity styles randomly in one file
- Assume all fonts render white arrow glyphs identically
Key Takeaways
Two HTML references plus CSS all render ⇨
⇨ ⇨For CSS, use \21E8 in the content property
Unicode U+21E8 — RIGHTWARDS WHITE ARROW (Arrows block)
No named HTML entity—use numeric hex or decimal codes
Previous: Right Wave Arrow Next: Right White Arrow From Wall
❓ Frequently Asked Questions
⇨ (hex), ⇨ (decimal), or \21E8 in CSS content. There is no named HTML entity. All three methods render ⇨ correctly.U+21E8 (RIGHTWARDS WHITE ARROW). Arrows block (U+2190–U+21FF). Hex 21E8, decimal 8680.⇨ or ⇨) go in markup. The CSS escape \21E8 is used in stylesheets, typically on ::before or ::after. Both produce ⇨.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful