HTML Entity for Left Arrow Tail (↢)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+21A2

What Is the Left Arrow Tail Entity?

Left Arrow Tail (↢) is the Arrows character at Unicode U+21A2 (LEFTWARDS ARROW WITH TAIL). It is a leftwards arrow with a distinctive tail — useful for navigation and map-style UI.

Remember
Character     ↢
Unicode       U+21A2
Hex entity    ↢
Decimal       ↢
Named entity  ↢
CSS escape    \21A2
Not the same  ↣ (↣) · ⤙ (⤙)

All of these produce the same glyph: ↢ (when the font supports U+21A2). Prefer ↢ in HTML source for clarity; use hex/decimal when generating entities, and CSS \21A2 only in content.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity↢HTML markup (best default)
Hex entity↢HTML markup
Decimal entity↢HTML markup
CSS escape\21A2Stylesheet content
Direct character↢UTF-8 HTML text

When to Use Which

SituationUse
Readable HTML source↢
Need a numeric entity in HTML↢ or ↢
Generated text via ::before / ::aftercontent: "\21A2"
Rightwards arrow with tailUse ↣ (U+21A3)
Headless left arrow-tailUse ⤙ (U+2919)

Live Preview

Left Arrow Tail in icon-style contexts.

Back link ↢ Back
Large glyph ↢
Named entity ↢ → ↢
vs right / headless ↢  |  ↣  |  ⤙
With entities Hex: ↢ | Decimal: ↢ | Named: ↢

Complete HTML Example

One page that shows Left Arrow Tail with hex, decimal, named, and CSS. Use View Output or open the live editor.

Hex + Decimal + Named + CSS

All four ways to produce ↢ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Left Arrow Tail (↢) in HTML</title>
  <style>
    #point::after {
      content: "\21A2";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21A2;</p>
  <p>Using HTML Code: &#8610;</p>
  <p>Using Named Entity: &larrtl;</p>
  <p id="point">Using CSS Entity: </p>
  <p><a href="#">&larrtl; Back</a></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+21A2 → &#x21A2; in HTML. The browser turns it into ↢.

2. Decimal: same code point as 8610 → &#8610;. Same result as hex.

3. Named: &larrtl; is the HTML5 name for this character.

4. CSS: use \21A2 in content (not an HTML entity). #point::after appends that ↢ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with Left Arrow Tail.

Look-alikes

Not headless ⤙

&latail; (U+2919) is a different Supplemental Arrows-B glyph — do not swap them.

Direction

Left vs right tail

&larrtl; is ↢. The rightwards form is &rarrtl; (↣, U+21A3).

A11y

Label the action

Pair ↢ with words like “Back”, or use aria-label.

CSS vs HTML

Do not mix escapes

\21A2 belongs in CSS. &larrtl; / &#x21A2; / &#8610; belong in HTML.

Fonts

Arrows coverage

Most modern UI fonts include U+21A2. If a glyph is missing, try Segoe UI Symbol or Noto Sans Symbols.

Semicolon

End references

Always finish with ; — write &larrtl;, not &larrtl.

Browser Support

Left Arrow Tail (U+21A2) and its entity forms (&larrtl;, &#x21A2;, &#8610;, CSS \\21A2) are supported in modern browsers when the font includes the Arrows block.

✓ Universal support

Left Arrow Tail (&#x21A2;)

Encode with named, hex, decimal, or CSS escape — same character when the font supports U+21A2.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+21A2 / &larrtl; Full support

Bottom line: Prefer &larrtl; in HTML. Use \\21A2 only inside CSS content. Do not confuse with &rarrtl; or &latail;.

Key Takeaways

  • Unicode: this symbol is U+21A2 (decimal 8610).
  • HTML: prefer &larrtl; — or use &#x21A2; / &#8610;.
  • CSS: use \21A2 inside content for generated text.
  • Watch out: ↢ ≠ ↣ (&rarrtl;) ≠ ⤙ (&latail;).

One line: U+21A2 → &larrtl; / &#x21A2; / &#8610; / CSS \21A2.

Frequently Asked Questions

Use &larrtl; (named), &#x21A2; (hex), &#8610; (decimal), or the CSS escape \21A2 in the content property. All render ↢ when the font supports the Arrows block.
U+21A2 (LEFTWARDS ARROW WITH TAIL). Hex 21A2, decimal 8610. It belongs to the Arrows block (U+2190–U+21FF).
Yes. &larrtl; is the HTML5 named entity for U+21A2. You can also use &#x21A2; or &#8610;.
Use it for navigation icons, maps, and diagrams that need a leftwards arrow with a visible tail. Prefer &larrtl; for readable HTML source.
HTML entities (&larrtl;, &#8610;, or &#x21A2;) go in markup. The CSS escape \21A2 is used in stylesheets (usually in the content property of ::before/::after). Both render ↢.
U+21A3 (↣, &rarrtl;) is the rightwards arrow with tail. U+2919 (⤙, &latail;) is the leftwards arrow-tail (headless) in Supplemental Arrows-B. U+21A2 is the Arrows-block leftwards arrow with tail.

Did you know?

Left Arrow Tail is Unicode U+21A2 (decimal 8610) — LEFTWARDS ARROW WITH TAIL. HTML5 provides the named entity &larrtl;. Prefer it for readable source, or use &#x21A2; / &#8610;. Do not confuse it with the headless arrow-tail &latail; (U+2919) or the rightwards form &rarrtl; (U+21A3).

Next: Left Arrow Through Less Than

Learn the HTML entity for Left Arrow Through Less Than — next in this sequence.

Left Arrow Through Less Than tutorial →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful