HTML Entity for Left Arrow Tail (↢)
What You'll Learn
How to display the Left Arrow Tail (↢) in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This symbol is U+21A2 (LEFTWARDS ARROW WITH TAIL) in the Arrows block (U+2190–U+21FF)—a leftwards arrow with a tail, commonly used in navigation, maps, and UI controls.
Render it with ↢ (named), ↢, ↢, or CSS \21A2. Related: U+21A3 (↣, right arrow with tail / ↣), U+2190 (←, simple left arrow / ←).
⚡ Quick Reference — Left Arrow Tail
U+21A2Arrows block
↢Hexadecimal reference
↢Decimal reference
↢Most readable option
Name Value
──────────── ──────────
Unicode U+21A2
Hex code ↢
HTML code ↢
Named entity ↢
CSS code \21A2
Meaning Leftwards arrow with tail
Related U+21A3 = right arrow tail (↣)
U+2190 = left arrow (←)Complete HTML Example
A simple example showing the Left Arrow Tail (↢) using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\21A2";
}
</style>
</head>
<body>
<p>Symbol using Hexadecimal: ↢</p>
<p>Symbol using HTML Code: ↢</p>
<p>Symbol using HTML Entity: ↢</p>
<p id="point">Symbol using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Left Arrow Tail (↢) renders in modern browsers when the font includes Arrows block glyphs:
👀 Live Preview
See the Left Arrow Tail (↢) in navigation and UI contexts:
🧠 How It Works
Named HTML Entity
↢ is the named entity for the Left Arrow Tail (leftwards arrow with tail). It is easy to read in navigation and map markup.
Hexadecimal Code
↢ uses the Unicode hexadecimal value 21A2. The x prefix indicates hexadecimal format.
Decimal HTML Code
↢ uses the decimal Unicode value 8610 for the same symbol.
CSS Entity
\21A2 is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ↢. Unicode U+21A2 is in the Arrows block. Next: Left Arrow Through Less Than.
Use Cases
The Left Arrow Tail (↢) is commonly used in:
Direction, turn-left, or route indicators in app headers, maps, and navigation.
Back, previous, or left-direction controls in toolbars and menus.
Document flow, pointers, or specification notation that uses this arrow.
Indicate direction or pointer with tail in process and state diagrams.
Show shortcut hints for back or left action in help and UI.
Turn indicators, waypoints, or directional cues in map interfaces.
💡 Best Practices
Do
- Prefer
↢in HTML for readability - Pair ↢ with text (e.g., “Back”) or
aria-labelfor accessibility - Use fonts that support the Arrows block (U+21A2)
- Set
<meta charset="utf-8"> - Keep one encoding style per project for consistency
- Distinguish ↢ from ← when the tail detail matters
Don’t
- Confuse
↢(U+21A2) with←(U+2190) - Confuse
↢with↣(U+21A3, right arrow tail) - Use CSS
\21A2inside HTML text nodes - Rely on the symbol alone without context in critical UI
- Mix named and numeric entities inconsistently in the same component
Key Takeaways
Four ways to render U+21A2 in web content
↢ ↢ ↢For CSS, use \21A2 in the content property
Unicode U+21A2 — LEFTWARDS ARROW WITH TAIL
Arrows block (U+2190–U+21FF)
Previous: Left Arrow Stroke (↚) Next: Left Arrow Through Less Than
❓ Frequently Asked Questions
↢ (named), ↢ (hex), ↢ (decimal), or \21A2 in CSS content. All four methods render ↢ correctly.U+21A2 (LEFTWARDS ARROW WITH TAIL). Arrows block (U+2190–U+21FF). Hex 21A2, decimal 8610. Commonly used for navigation and maps.↢, ↢, ↢) go in markup. The CSS escape \21A2 is used in stylesheets, typically on ::before or ::after. Both produce ↢.↢ is the named HTML entity for U+21A2. You can also use ↢ (decimal), ↢ (hex), or \21A2 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