HTML Entity for Right Arrow Headless Tail (⤚)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+291A
HTML entity for Right Arrow Headless Tail (U+291A) — named ⤚, hex, decimal, and CSS tutorial

What You'll Learn

How to display the Right Arrow Headless Tail (⤚) in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This symbol is U+291A (RIGHTWARDS ARROW WITH TAIL) in the Supplemental Arrows-B block (U+2900–U+297F)—a rightward arrow with tail (often called headless tail), used in navigation icons, UI elements, diagrams, and directional indicators.

Render it with ⤚ (named), ⤚, ⤚, or CSS \291A. Related: U+2919 (⤙, left arrow headless tail / ⤙), U+2920 (⤠, right arrow from bar to black diamond / ⤠). Do not confuse ⤚ with plain right arrow →.

⚡ Quick Reference — Right Arrow Headless Tail

Unicode U+291A

Supplemental Arrows-B (U+2900–U+297F)

Hex Code ⤚

Hexadecimal reference

HTML Code ⤚

Decimal reference

Named Entity ⤚

Standard HTML entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+291A
Hex code       ⤚
HTML code      ⤚
Named entity   ⤚
CSS code       \291A
Meaning        Rightwards arrow with tail (headless tail)
Related        U+2919 = left arrow headless tail (⤙, ⤙)
               U+2920 = right arrow from bar to black diamond (⤠, ⤠)
Block          Supplemental Arrows-B (U+2900–U+297F)
1

Complete HTML Example

A simple example showing ⤚ using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point::after{
   content: "\291A";
  }
 </style>
</head>
<body>
<p>Hex: &#x291A;</p>
<p>Decimal: &#10522;</p>
<p>Named: &ratail;</p>
<p id="point">CSS: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

U+291A is widely supported in all modern browsers when the font includes Supplemental Arrows-B glyphs:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See the Right Arrow Headless Tail (⤚) in common contexts:

Navigation Home ⤚ Section ⤚ Page
Flow direction Input ⤚ Process ⤚ Output
Large glyph ⤚
Arrow comparison ⤙ ⤚ →
Entity refs &ratail; &#x291A; &#10522; \291A

🧠 How It Works

1

Named HTML Entity

&ratail; is the named entity for U+291A (rightwards arrow with tail). It is the most readable option in HTML source.

HTML markup
2

Hexadecimal Code

&#x291A; uses the Unicode hexadecimal value 291A.

HTML markup
3

Decimal HTML Code

&#10522; uses the decimal Unicode value 10522 for the same character.

HTML markup
4

CSS Entity

\291A is used in CSS stylesheets in the content property of pseudo-elements.

CSS stylesheet
=

Same visual result

All four methods produce ⤚. Unicode U+291A in the Supplemental Arrows-B block. Previous: Right Arrow From Bar To Black Diamond (⤠). Next: Right Arrow Hook (↪).

✅

Use Cases

The Right Arrow Headless Tail (⤚) is commonly used in:

🧭 Navigation

Menus, breadcrumbs, and UI elements indicating rightward movement.

📝 Diagrams

Technical diagrams, flowcharts, and process flows showing direction.

🛠 Flowcharts

Workflow mapping and step-by-step process visualizations.

🎨 UI design

Buttons, icons, and interactive elements with a distinctive arrow style.

🚀 Process flows

Documentation, guides, and onboarding sequences.

♿ Accessibility

Pair ⤚ with plain language (e.g. “next” or “go to”) for screen readers.

💡 Best Practices

Do

  • Prefer &ratail; in HTML for readable source markup
  • Use ⤚ when a tail-style right arrow fits your diagram or UI
  • Set <meta charset="utf-8">
  • Link to Left Arrow Headless Tail for the paired ⤙ symbol
  • Keep one entity style consistent across your project
  • Use CSS \291A for decorative arrows in pseudo-elements

Don’t

  • Confuse ⤚ (U+291A) with ⤙ (U+2919) or plain →
  • Use padded Unicode notation like U+0291A—the correct value is U+291A
  • Use CSS escape \291A in HTML text nodes
  • Substitute ASCII -> when the specialized arrow ⤚ is intended
  • Assume all fonts render Supplemental Arrows-B glyphs correctly

Key Takeaways

1

Four ways to render U+291A in HTML and CSS

&ratail; &#x291A; &#10522;
2

For CSS, use \291A in the content property

3

Unicode U+291A — RIGHTWARDS ARROW WITH TAIL (⤚)

4

Paired with left headless tail ⤙ (&latail;); distinct from →

5

Previous: Right Arrow From Bar To Black Diamond (⤠)   Next: Right Arrow Hook (↪)

❓ Frequently Asked Questions

Use &ratail; (named), &#x291A; (hex), &#10522; (decimal), or \291A in CSS content. All four render ⤚.
U+291A (RIGHTWARDS ARROW WITH TAIL). Supplemental Arrows-B block (U+2900–U+297F). Hex 291A, decimal 10522.
For navigation symbols, diagrams, flowcharts, UI design, directional indicators, and process flows that need a distinctive rightward arrow with tail.
Named and numeric HTML references (&ratail;, &#10522;, &#x291A;) go in markup. The CSS escape \291A is used in stylesheets, typically on ::before or ::after. Both render ⤚.
&ratail; is the standard named HTML entity for U+291A. You can also use &#10522; (decimal) or &#x291A; (hex) and \291A in CSS—all equivalent in modern browsers.

Explore More HTML Entities!

Discover 1500+ HTML character references — arrows, symbols, math operators, and more.

All HTML Entities →

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Right Arrow From Bar To Black Diamond (⤠) Right Arrow Hook (↪)