HTML Entity for Right Arrow Tail (↣)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+21A3

What Is Right Arrow Tail?

Right arrow tail (↣) is Unicode U+21A3 in the Arrows block. Official name: RIGHTWARDS ARROW WITH TAIL — a rightwards arrow with a vertical bar (tail) at the start. HTML provides the named entity ↣.

Remember
Character     ↣
Unicode       U+21A3
Hex entity    ↣
Decimal       ↣
Named entity  ↣
CSS escape    \21A3
Not the same  → U+2192 · ↢ U+21A2 · ↛ U+219B

All of these produce the same glyph: ↣. Prefer ↣ in hand-written HTML; type ↣ in UTF-8 when you can; use numeric or CSS forms for generated content.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character↣HTML text (UTF-8)
Named entity↣HTML markup (preferred name)
Hex entity↣HTML markup
Decimal entity↣HTML markup
CSS escape\21A3Stylesheet content

When to Use Which

SituationUse
Rightwards arrow with tail↣ or type ↣
Plain right arrow→ (U+2192) / →
Leftwards arrow with tail↢ (U+21A2) / ↢
Right arrow with stroke↛ (U+219B) / ↛
Generated text via ::before / ::aftercontent: "\21A3"

Live Preview

Right arrow tail in common study contexts.

Inline A ↣ B
Large glyph ↣
UI / nav cue Continue ↣
vs. related arrows ↣ tail · → plain · ↢ left tail
With entities Named: ↣ | Hex: ↣ | Decimal: ↣

Complete HTML Example

One page that shows ↣ with hex, decimal, named entity, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + Named + CSS + Typed

Five ways to produce ↣ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Right Arrow Tail (↣) in HTML</title>
  <style>
    #point::after {
      content: "\21A3";
    }
  </style>
</head>
<body>
  <p>Right arrow tail using Hex Code: &#x21A3;</p>
  <p>Right arrow tail using HTML Code: &#8611;</p>
  <p>Right arrow tail using Named Entity: &rarrtl;</p>
  <p id="point">Right arrow tail using CSS Entity: </p>
  <p>Typed directly: ↣</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+21A3 → &#x21A3; in HTML. The browser turns it into ↣.

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

3. Named: &rarrtl; is the standard HTML name for U+21A3 — clear in source.

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

5. Typed ↣: fine in UTF-8 source. All five lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with right arrow tail (↣).

→

Not a plain right arrow

&rarr; (→) has no tail bar. Use &rarrtl; when you need the tailed form.

↢

Not left arrow tail

&larrtl; (U+21A2) points left. Use U+21A3 only for a rightwards tailed arrow.

Name

Prefer &rarrtl;

The named entity is easiest to read in source. Numeric forms are fine for generators.

CSS vs HTML

Do not mix escapes

\21A3 belongs in CSS. &#x21A3; / &#8611; / &rarrtl; belong in HTML.

Encoding

Declare UTF-8

If you type ↣ directly, keep <meta charset="UTF-8"> so the file is not misread.

Semicolon

End references

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

Browser Support

Right arrow tail (U+21A3) and its entity forms (&rarrtl;, &#x21A3;, &#8611;, CSS \\21A3) are supported in all modern browsers.

✓ Universal encoding

Right Arrow Tail (&#x21A3;)

Encode with named, hex, decimal, or CSS escape — or type ↣ directly in UTF-8 HTML.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer IE 9+
Yes*
U+21A3 / &rarrtl; Full support

Bottom line: Prefer &rarrtl; in HTML. Use \\21A3 only inside CSS content.

Key Takeaways

  • Unicode: this character is U+21A3 (decimal 8611).
  • HTML: prefer &rarrtl;, or use &#x21A3; / &#8611;.
  • CSS: use \21A3 inside content for generated text.
  • Watch out: ↣ ≠ → (&rarr;) ≠ ↢ (&larrtl;).

One line: U+21A3 → &rarrtl; / &#x21A3; / &#8611; / CSS \21A3.

Frequently Asked Questions

Use &#x21A3; (hex), &#8611; (decimal), &rarrtl; (named), or the CSS escape \21A3 in the content property. All render ↣. You can also paste ↣ directly if your file is UTF-8.
U+21A3 (hex 21A3, decimal 8611). Unicode names it RIGHTWARDS ARROW WITH TAIL. It belongs to the Arrows block.
Yes. &rarrtl; maps to U+21A3. Prefer it in hand-written HTML; numeric forms are useful in generated markup.
↣ (U+21A3, &rarrtl;) is a rightwards arrow with a tail. → (U+2192, &rarr;) is a plain right arrow. ↢ (U+21A2, &larrtl;) is leftwards arrow with tail.
HTML entities (&#8611;, &#x21A3;, or &rarrtl;) go in markup. The CSS escape \21A3 is used in stylesheets (usually in the content property of ::before/::after). Both render ↣.
Use it for navigation cues, diagrams, and UI labels that need a rightwards arrow with a distinct tail. Prefer &rarrtl; for readable HTML source; use a plain right arrow when you do not need the tail.

Did you know?

Right arrow tail is Unicode U+21A3 (decimal 8611) in the Arrows block — official name RIGHTWARDS ARROW WITH TAIL. HTML’s named reference is &rarrtl;. It is not the same as a plain right arrow (U+2192 →) or left arrow with tail (U+21A2 ↢).

Next: Right Arrow Tail Double Vertical Stroke

Learn the HTML entity for rightwards arrow with tail and double vertical stroke — next in this sequence.

Continue 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