HTML Entity for Right Wave Arrow (↝)
What You'll Learn
How to display the Right Wave Arrow (↝) in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This symbol is U+219D (RIGHTWARDS WAVE ARROW) in the Arrows block (U+2190–U+21FF)—a wavy arrow pointing right, used for navigation, flowcharts, diagrams, and directional emphasis.
Render it with ↝ (named), ↝, ↝, or CSS \219D. Do not confuse ↝ with U+2192 (→, simple right arrow / →) or U+219C (↜, left wave arrow / &larrw;).
⚡ Quick Reference — Right Wave Arrow
U+219DArrows block
↝Hexadecimal reference
↝Decimal reference
↝Most readable option
Name Value
──────────── ──────────
Unicode U+219D
Hex code ↝
HTML code ↝
Named entity ↝
CSS code \219D
Meaning Wavy arrow pointing right
Related U+2192 = rightwards arrow (→ / →)
U+219C = leftwards wave arrow (↜ / &larrw;)
U+2910 = two headed triple dash arrow (⤐ / ⤐)Complete HTML Example
A simple example showing the Right Wave Arrow (↝) using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\219D";
}
</style>
</head>
<body>
<p>Symbol (named): ↝</p>
<p>Symbol (hex): ↝</p>
<p>Symbol (decimal): ↝</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The Right Wave Arrow (↝) is universally supported in all modern browsers when the font includes Arrows block glyphs:
👀 Live Preview
See the Right Wave Arrow (↝) rendered live in different contexts:
🧠 How It Works
Named Entity
↝ is the semantic named entity for U+219D—the easiest to read in source HTML.
Hexadecimal Code
↝ uses the Unicode hexadecimal value 219D for the right wave arrow.
Decimal HTML Code
↝ uses the decimal Unicode value 8605 to display the same character.
CSS Entity
\219D is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ↝. Unicode U+219D is in the Arrows block. Previous: Right Two Headed Triple Dash Arrow (U+2910).
Use Cases
The Right Wave Arrow (↝) is commonly used in:
Show wavy or curved rightward movement in guides and wayfinding.
Use in menus, breadcrumbs, and flows that need a wave-style arrow.
Indicate non-linear or curved transitions between steps.
Include in architecture diagrams with wavy path notation.
Document workflows with curved or indirect rightward transitions.
Add wavy directional accents in infographics and visual content.
💡 Best Practices
Do
- Prefer
↝for readable source markup - Distinguish ↝ from → (
→) and ↜ (&larrw;) - Add
aria-labelor surrounding text for accessibility - Verify your font supports the Arrows block (U+219D)
- Keep one entity style per project for consistency
Don’t
- Confuse
↝(wave) with→(straight arrow) - Use CSS
\219Dinside HTML text nodes - Rely on the arrow alone without context for screen readers
- Mix entity styles randomly in one file
- Assume all fonts render wave arrow glyphs identically
- Use HTML entities in JS (use
\u219Dinstead)
Key Takeaways
Four methods all render ↝
↝ ↝ ↝For CSS, use \219D in the content property
Unicode U+219D — RIGHTWARDS WAVE ARROW (Arrows block)
Prefer ↝—not to be confused with → (U+2192)
Previous: Right Two Headed Triple Dash Arrow Next: Right White Arrow
❓ Frequently Asked Questions
↝ (named), ↝ (hex), ↝ (decimal), or \219D in CSS content. All four methods render ↝ correctly.U+219D (RIGHTWARDS WAVE ARROW). Arrows block (U+2190–U+21FF). Hex 219D, decimal 8605.↝ is more readable in markup. Numeric references (↝ or ↝) are explicit. CSS escape \219D belongs in stylesheets. All produce ↝.↝ is the named HTML entity for U+219D. Do not confuse it with → (U+2192, simple right arrow) or &larrw; (U+219C, left wave arrow).Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful