HTML Entity for Right Dashed Arrow (⇢)
What You'll Learn
How to display the Right Dashed Arrow (⇢) in HTML using hexadecimal, decimal, and CSS escape methods. This symbol is U+21E2 (RIGHTWARDS DASHED ARROW) in the Arrows block (U+2190–U+21FF)—a right-pointing dashed arrow used in navigation, flow diagrams, next links, and directional indicators.
Render it with ⇢, ⇢, or CSS \21E2. There is no named HTML entity. Related: U+2192 (→, simple right arrow / →), U+21E0 (⇠, left dashed arrow).
⚡ Quick Reference — Right Dashed Arrow
U+21E2Arrows block
⇢Hexadecimal reference
⇢Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+21E2
Hex code ⇢
HTML code ⇢
Named entity (none)
CSS code \21E2
Meaning Rightwards dashed arrow
Related U+2192 = right arrow (→)
U+21E0 = left dashed arrow (⇠)Complete HTML Example
A simple example showing the Right Dashed 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: "\21E2";
}
</style>
</head>
<body>
<p>Symbol using Hexadecimal: ⇢</p>
<p>Symbol using HTML Code: ⇢</p>
<p id="point">Symbol using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Right Dashed Arrow (⇢) renders in modern browsers when the font includes Arrows block glyphs:
👀 Live Preview
See the Right Dashed Arrow (⇢) in navigation and diagram contexts:
🧠 How It Works
Hexadecimal Code
⇢ uses the Unicode hexadecimal value 21E2 to display the rightwards dashed arrow. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇢ uses the decimal Unicode value 8674 to display the same character.
CSS Entity
\21E2 is used in CSS stylesheets in the content property of pseudo-elements like ::after for navigation and flow indicators.
Same visual result
All three methods produce ⇢. Unicode U+21E2 is in the Arrows block. Previous: Right Bracket (]). Next: Right Double Arrow.
Use Cases
The Right Dashed Arrow (⇢) is commonly used in:
Indicate “next” or “forward” in menus, breadcrumbs, and navigation UI.
Show direction or flow in diagrams, flowcharts, and process steps.
Add visual interest and directional cues with a distinctive dashed arrow style.
Point to the next step or “continue” in guides and wizards.
Next slide or next item controls in carousels and galleries.
Buttons, links, and interactive elements that need unique directional indicators.
💡 Best Practices
Do
- Use
⇢or⇢in HTML—no named entity exists - Pair ⇢ with text (“Next”, “Continue”) or
aria-labelfor accessibility - Use fonts that support the Arrows block (U+21E2)
- Set
<meta charset="utf-8"> - Keep one numeric style (hex or decimal) per project
- Distinguish ⇢ from → when dashed vs solid arrow matters
Don’t
- Expect a named HTML entity for U+21E2
- Use padded Unicode like U+021E2—the correct value is
U+21E2 - Use padded CSS like
\021E2—prefer\21E2 - Use CSS
\21E2inside HTML text nodes - Confuse ⇢ with → (simple right arrow /
→) - Confuse ⇢ with ⇠ (leftwards dashed arrow)
Key Takeaways
Two HTML numeric references plus CSS for U+21E2
⇢ ⇢For CSS, use \21E2 in the content property
Unicode U+21E2 — RIGHTWARDS DASHED ARROW (⇢)
Arrows block (U+2190–U+21FF) — no named entity
Previous: Right Bracket (]) Next: Right Double Arrow
❓ Frequently Asked Questions
⇢ (hex), ⇢ (decimal), or \21E2 in CSS content. There is no named entity. All three methods render ⇢ correctly.U+21E2 (RIGHTWARDS DASHED ARROW). Arrows block (U+2190–U+21FF). Hex 21E2, decimal 8674. A right-pointing dashed arrow.⇢ or ⇢) go in markup. The CSS escape \21E2 is used in stylesheets, typically on ::before or ::after. Both produce ⇢.⇢) or decimal (⇢) codes. That is standard for such symbols in HTML.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful