HTML Entity for Left Arrow Headless Double Tail (⤛)

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

What You'll Learn

How to display the Left Arrow Headless Double Tail (⤛) in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This symbol is U+291B (LEFTWARDS ARROW WITH TAIL WITH DOUBLE VERTICAL STROKE) in the Supplemental Arrows-B block (U+2900–U+297F)—a leftwards arrow with tail and double vertical stroke (often called headless double tail), used in navigation icons, graphics, and technical or diagrammatic content.

Render it with ⤛ (named), ⤛, ⤛, or CSS \291B. Related: U+21FA (⇺, left arrow double vertical stroke), U+291C (⤜, right arrow headless double tail / ⤜).

⚡ Quick Reference — Left Arrow Headless Double Tail

Unicode U+291B

Supplemental Arrows-B

Hex Code ⤛

Hexadecimal reference

HTML Code ⤛

Decimal reference

Named Entity ⤛

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+291B
Hex code       ⤛
HTML code      ⤛
Named entity   ⤛
CSS code       \291B
Meaning        Leftwards arrow with tail and double vertical stroke
Related        U+21FA = left arrow double vertical stroke (⇺)
               U+291C = right arrow headless double tail (⤜)
1

Complete HTML Example

A simple example showing the Left Arrow Headless Double Tail (⤛) using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\291B";
  }
 </style>
</head>
<body>
<p>Symbol using Hexadecimal: &#x291B;</p>
<p>Symbol using HTML Code: &#10523;</p>
<p>Symbol using HTML Entity: &lAtail;</p>
<p id="point">Symbol using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Left Arrow Headless Double Tail (⤛) renders in modern browsers when the font includes Supplemental Arrows-B glyphs:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

See the Left Arrow Headless Double Tail (⤛) in navigation and UI contexts:

Back control ⤛ Back
Toolbar icon ⤛ Previous
Wizard step ⤛ Go back
Large glyph ⤛
Arrow comparison ⤛ ⇺ ⤜ ←
Entity refs &lAtail; &#x291B; &#10523; \291B

🧠 How It Works

1

Named HTML Entity

&lAtail; is the named entity for the Left Arrow Headless Double Tail (leftwards arrow with tail and double vertical stroke). It is easy to read in navigation and UI markup.

HTML markup
2

Hexadecimal Code

&#x291B; uses the Unicode hexadecimal value 291B. The x prefix indicates hexadecimal format.

HTML markup
3

Decimal HTML Code

&#10523; uses the decimal Unicode value 10523 for the same symbol.

HTML markup
4

CSS Entity

\291B is used in CSS stylesheets in the content property of pseudo-elements like ::after.

CSS stylesheet
=

Same visual result

All four methods produce ⤛. Unicode U+291B is in Supplemental Arrows-B. Next: Left Arrow Headless Tail.

✅

Use Cases

The Left Arrow Headless Double Tail (⤛) is commonly used in:

🧭 Navigation

Back, return, or left-direction controls in app headers, toolbars, and menus.

🎨 Graphic design

Distinct arrow style in logos, icons, or text-based design elements.

📄 Documentation

Document flow, shortcuts, or specification notation that uses this arrow.

⌨ Shortcut notation

Show key labels or shortcut hints where a headless-double-tail arrow is required.

📊 Diagrams

Indicate direction or special transition type in process and state diagrams.

📱 App design

Custom navigation or action icons using Supplemental Arrows-B symbols.

💡 Best Practices

Do

  • Prefer &lAtail; in HTML for readability
  • Pair ⤛ with text (e.g., “Back”) or aria-label for accessibility
  • Use fonts that support Supplemental Arrows-B (U+291B)
  • Set <meta charset="utf-8">
  • Keep one encoding style per project for consistency
  • Test glyph rendering across browsers and fonts

Don’t

  • Use CSS \291B inside HTML text nodes
  • Confuse ⤛ with ⇺ or simple ← arrows
  • Rely on the symbol alone without context in critical UI
  • Assume legacy systems render Supplemental Arrows-B without testing
  • Mix named and numeric entities inconsistently in the same component

Key Takeaways

1

Four ways to render U+291B in web content

&lAtail; &#x291B; &#10523;
2

For CSS, use \291B in the content property

3

Unicode U+291B — LEFTWARDS ARROW WITH TAIL WITH DOUBLE VERTICAL STROKE

4

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

5

Previous: Left Arrow Double Vertical Stroke (⇺)   Next: Left Arrow Headless Tail

❓ Frequently Asked Questions

Use &lAtail; (named), &#x291B; (hex), &#10523; (decimal), or \291B in CSS content. All four methods render ⤛ correctly.
U+291B (LEFTWARDS ARROW WITH TAIL WITH DOUBLE VERTICAL STROKE). Supplemental Arrows-B block (U+2900–U+297F). Hex 291B, decimal 10523. Often called headless double tail.
In navigation icons and UI controls, graphic design and symbols, technical documentation and diagrams, keyboard or shortcut notation, and any content requiring a left-arrow-headless-double-tail symbol.
Named and numeric HTML references (&lAtail;, &#10523;, &#x291B;) go in markup. The CSS escape \291B is used in stylesheets, typically on ::before or ::after. Both produce ⤛.
Yes. &lAtail; is the named HTML entity for U+291B. You can also use &#10523; (decimal), &#x291B; (hex), or \291B in CSS.

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

Left Arrow Double Vertical Stroke (⇺) Left Arrow Headless Tail