HTML Entity for Right Arrow Tail (↣)
What You'll Learn
How to display the Right Arrow Tail (↣) in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This symbol is U+21A3 (RIGHTWARDS ARROW WITH TAIL) in the Arrows block (U+2190–U+21FF)—a rightward arrow with a tail, used for navigation, UI design, directional indicators, and distinctive visual elements.
Render it with ↣ (named), ↣, ↣, or CSS \21A3. Related: U+21A2 (↢, left arrow tail / ↢), U+291A (⤚, right arrow headless tail / ⤚). Do not confuse ↣ with plain right arrow →.
⚡ Quick Reference — Right Arrow Tail
U+21A3Arrows (U+2190–U+21FF)
↣Hexadecimal reference
↣Decimal reference
↣Standard HTML entity
Name Value
──────────── ──────────
Unicode U+21A3
Hex code ↣
HTML code ↣
Named entity ↣
CSS code \21A3
Meaning Rightwards arrow with tail
Related U+21A2 = left arrow tail (↢, ↢)
U+291A = right arrow headless tail (⤚, ⤚)
Block Arrows (U+2190–U+21FF)Complete HTML Example
A simple example showing ↣ using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\21A3";
}
</style>
</head>
<body>
<p>Hex: ↣</p>
<p>Decimal: ↣</p>
<p>Named: ↣</p>
<p id="point">CSS: </p>
</body>
</html>🌐 Browser Support
U+21A3 is widely supported in all modern browsers—it is part of the standard Arrows block:
👀 Live Preview
See the Right Arrow Tail (↣) in common contexts:
🧠 How It Works
Named HTML Entity
↣ is the named entity for U+21A3 (rightwards arrow with tail). It is the most readable option in HTML source.
Hexadecimal Code
↣ uses the Unicode hexadecimal value 21A3.
Decimal HTML Code
↣ uses the decimal Unicode value 8611 for the same character.
CSS Entity
\21A3 is used in CSS stylesheets in the content property of pseudo-elements.
Same visual result
All four methods produce ↣. Unicode U+21A3 in the Arrows block. Previous: Right Arrow Stroke (↛). Next: Right Arrow Tail Double Vertical Stroke (⤕).
Use Cases
The Right Arrow Tail (↣) is commonly used in:
Menus, breadcrumbs, and links with a distinctive tail-arrow style.
Buttons, icons, and interactive elements with directional indicators.
Maps, directions, and guides showing movement or next steps.
Layouts and graphics needing a unique arrow with tail imagery.
Apps and sites that differentiate tail arrows from plain →.
Pair ↣ with plain language (e.g. “next” or “go to”) for screen readers.
💡 Best Practices
Do
- Prefer
↣in HTML for readable source markup - Use ↣ when a tail-style right arrow fits your navigation or UI
- Set
<meta charset="utf-8"> - Link to Left Arrow Tail for the paired ↢ symbol
- Keep one entity style consistent across your project
- Use CSS
\21A3for decorative tail arrows in pseudo-elements
Don’t
- Confuse ↣ (U+21A3) with ↢ (U+21A2) or ⤚ (U+291A)
- Use padded Unicode notation like U+021A3—the correct value is
U+21A3 - Use CSS escape
\21A3in HTML text nodes - Substitute ASCII
->when the tail arrow ↣ is intended - Confuse ↣ with maps-to ↦ (
↦)
Key Takeaways
Four ways to render U+21A3 in HTML and CSS
↣ ↣ ↣For CSS, use \21A3 in the content property
Unicode U+21A3 — RIGHTWARDS ARROW WITH TAIL (↣)
Paired with left tail ↢ (↢); distinct from headless tail ⤚ and →
Previous: Right Arrow Stroke (↛) Next: Right Arrow Tail Double Vertical Stroke (⤕)
❓ Frequently Asked Questions
↣ (named), ↣ (hex), ↣ (decimal), or \21A3 in CSS content. All four render ↣.U+21A3 (RIGHTWARDS ARROW WITH TAIL). Arrows block (U+2190–U+21FF). Hex 21A3, decimal 8611.↣ is more readable in source markup; ↣ and ↣ are numeric alternatives. All render ↣ in modern browsers.↣, ↣, ↣) go in markup. The CSS escape \21A3 is used in stylesheets, typically on ::before or ::after. Both render ↣.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful