HTML Entity for Right Arrow Headless Tail (⤚)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+291A

What Is the Right Arrow Headless Tail Entity?

Right Arrow Headless Tail (⤚) is the Supplemental Arrows-B character at Unicode U+291A (RIGHTWARDS ARROW WITH TAIL). It is a rightwards arrow-tail shape used in navigation icons and technical diagrams.

Remember
Character     ⤚
Unicode       U+291A
Hex entity    ⤚
Decimal       ⤚
Named entity  ⤚
CSS escape    \291A
Note          ⤜ = double tail (U+291C)

All of these produce the same glyph: ⤚ (when the font supports U+291A). Prefer ⤚ in HTML source for clarity; use hex/decimal when generating entities, and CSS \291A 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\291AStylesheet content
Direct character⤚UTF-8 HTML text

When to Use Which

SituationUse
Readable HTML source⤚ (lowercase a)
Need a numeric entity in HTML⤚ or ⤚
Generated text via ::before / ::aftercontent: "\291A"
Double headless tailUse ⤜ (U+291C)
Plain right arrowUse → (U+2192)

Live Preview

Right Arrow Headless Tail in icon-style contexts.

Next link Next ⤚
Large glyph ⤚
Named entity ⤚ → ⤚
vs double / plain ⤚  |  ⤜  |  →
With entities Hex: ⤚ | Decimal: ⤚ | Named: ⤚

Complete HTML Example

One page that shows Right Arrow Headless 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>Right Arrow Headless Tail (⤚) in HTML</title>
  <style>
    #point::after {
      content: "\291A";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x291A;</p>
  <p>Using HTML Code: &#10522;</p>
  <p>Using Named Entity: &ratail;</p>
  <p id="point">Using CSS Entity: </p>
  <p><a href="#">Next &ratail;</a></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+291A → &#x291A; in HTML. The browser turns it into ⤚.

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

3. Named: &ratail; is the HTML5 name for this character — note the lowercase a.

4. CSS: use \291A in content (not an HTML entity). #point::after appends that ⤚ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with Right Arrow Headless Tail.

Case

&ratail; ≠ &rAtail;

Lowercase a selects U+291A (single). Capital &rAtail; is U+291C (double).

Look-alikes

Not plain →

&rarr; (U+2192) is a standard rightwards arrow — a different shape and code point.

A11y

Label the action

Pair ⤚ with words like “Next”, or use aria-label.

CSS vs HTML

Do not mix escapes

\291A belongs in CSS. &ratail; / &#x291A; / &#10522; belong in HTML.

Fonts

Supplemental Arrows coverage

Some fonts omit U+291A. Prefer Segoe UI Symbol, Noto Sans Symbols, or another arrows-capable face.

Semicolon

End references

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

Browser Support

Right Arrow Headless Tail (U+291A) and its entity forms (&ratail;, &#x291A;, &#10522;, CSS \\291A) are supported in modern browsers when the font includes Supplemental Arrows-B.

✓ Universal support

Right Arrow Headless Tail (&#x291A;)

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

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+291A / &ratail; Full support

Bottom line: Prefer &ratail; in HTML (lowercase a). Use \\291A only inside CSS content. Do not confuse with &rAtail;.

Key Takeaways

  • Unicode: this symbol is U+291A (decimal 10522).
  • HTML: prefer &ratail; — or use &#x291A; / &#10522;.
  • CSS: use \291A inside content for generated text.
  • Watch out: &ratail; (single) ≠ &rAtail; (double).

One line: U+291A → &ratail; / &#x291A; / &#10522; / CSS \291A.

Frequently Asked Questions

Use &ratail; (named), &#x291A; (hex), &#10522; (decimal), or the CSS escape \291A in the content property. All render ⤚ when the font supports Supplemental Arrows-B.
U+291A (RIGHTWARDS ARROW WITH TAIL). Hex 291A, decimal 10522. It belongs to the Supplemental Arrows-B block.
Yes. &ratail; is the HTML5 named entity for U+291A. Note the lowercase a — &rAtail; is a different character (U+291C).
Use it for navigation icons and technical diagrams that need a rightwards arrow-tail (headless tail). Prefer &ratail; for readable HTML source.
HTML entities (&ratail;, &#10522;, or &#x291A;) go in markup. The CSS escape \291A is used in stylesheets (usually in the content property of ::before/::after). Both render ⤚.
U+291C (⤜, &rAtail;) is the double rightwards arrow-tail. U+2192 (→, &rarr;) is a plain rightwards arrow. U+291A is the single arrow-tail form.

Did you know?

Right Arrow Headless Tail is Unicode U+291A (decimal 10522) — RIGHTWARDS ARROW WITH TAIL. HTML5 provides the named entity &ratail; (lowercase). Prefer it for readable source, or use &#x291A; / &#10522;. Do not confuse it with the double-tail form &rAtail; (U+291C).

Next: Right Arrow Hook

Learn the HTML entity for Right Arrow Hook — next in this sequence.

Right Arrow Hook 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