HTML Entity for Long Left Double Arrow Bar (⟽)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+27FD

What Is the Long Left Double Arrow Bar Entity?

Long Left Double Arrow Bar (⟽) is the Supplemental Arrows-A character at Unicode U+27FD (LONG LEFTWARDS DOUBLE ARROW FROM BAR). It is a long double-shaft leftwards arrow that starts from a vertical bar.

Remember
Character     ⟽
Unicode       U+27FD
Hex entity    ⟽
Decimal       ⟽
Named entity  (none)
CSS escape    \27FD
Not the same  ⟸ (⟸) · ⟻ · ⟾

Hex, decimal, CSS, and a typed character all produce the same glyph: ⟽. Prefer ⟽ when you want an explicit entity. There is no named HTML form.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity⟽HTML markup (best entity default)
Decimal entity⟽HTML markup
Named entityNoneHTML5 does not define one
CSS escape\27FDStylesheet content
Direct character⟽UTF-8 HTML text

When to Use Which

SituationUse
Readable numeric entity in HTML⟽
Decimal entity required⟽
Generated text via ::before / ::aftercontent: "\27FD"
Long left double arrow without bar (⟸)Use ⟸ (U+27F8)
Long left single arrow from bar (⟻)Use ⟻ (U+27FB)

Live Preview

Long Left Double Arrow Bar in common math and diagram contexts.

Mapping Y ⟽ X
Large glyph ⟽
Hex entity ⟽ → ⟽
vs ⟸ / ⟻ / ⟾ ⟽  |  ⟸  |  ⟻  |  ⟾
With entities Hex: ⟽ | Decimal: ⟽

Complete HTML Example

One page that shows this symbol with hex, decimal, and CSS. Use View Output or open the live editor.

Hex + Decimal + CSS

Three ways to produce ⟽ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Long Left Double Arrow Bar (⟽)</title>
  <style>
    #point::after {
      content: "\27FD";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x27FD;</p>
  <p>Using HTML Code: &#10237;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>Y &#x27FD; X</code></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+27FD → &#x27FD; in HTML. The browser turns it into ⟽.

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

3. Named: HTML5 does not define a named entity for this character — use hex or decimal instead.

4. CSS: use \27FD in content (not an HTML entity). #point::after appends that ⟽ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with Long Left Double Arrow Bar.

Look-alikes

⟽ ≠ ⟸ ≠ ⟻

Plain long left double (&xlArr;) has no bar. Long left from bar (U+27FB) is a single shaft. Use U+27FD only for the double-shaft form with a bar.

Named

No &…; name

Do not invent a name or reuse &xlArr; (that is U+27F8). Use &#x27FD; or &#10237;.

Fonts

Arrow glyph coverage

Most modern fonts include U+27FD, but verify on target devices if the symbol is critical.

CSS vs HTML

Do not mix escapes

\27FD belongs in CSS. &#x27FD; / &#10237; belong in HTML.

A11y

Add nearby words

Pair the glyph with labels (for example Y &#x27FD; X) or use aria-label when it stands alone.

Semicolon

End references

Always finish with ; — write &#x27FD;, not &#x27FD.

Browser Support

Long Left Double Arrow Bar (U+27FD) and its entity forms (&#x27FD;, &#10237;, CSS \\27FD) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Long Left Double Arrow Bar (&#x27FD;)

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

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+27FD Full support

Bottom line: Prefer &#x27FD; for readable HTML. Use \\27FD only inside CSS content.

Key Takeaways

  • Unicode: this symbol is U+27FD (decimal 10237).
  • HTML: prefer &#x27FD; — or use &#10237;. No named entity.
  • CSS: use \27FD inside content for generated text.
  • Watch out: U+27FD ≠ &xlArr; ≠ U+27FB.

One line: U+27FD → &#x27FD; / &#10237; / CSS \27FD (no named entity).

Frequently Asked Questions

Use &#x27FD; (hex), &#10237; (decimal), or the CSS escape \27FD in the content property. All render ⟽ when the font supports Supplemental Arrows-A. There is no named HTML entity.
U+27FD (LONG LEFTWARDS DOUBLE ARROW FROM BAR). Hex 27FD, decimal 10237. It belongs to Supplemental Arrows-A (U+27F0–U+27FF).
No. HTML5 does not define a named entity for U+27FD. Use numeric references like &#x27FD; or &#10237;.
Use it for math maps-from notation with a double shaft, flowcharts, and diagrams that need a long leftwards double arrow starting from a vertical bar.
HTML entities (&#10237; or &#x27FD;) go in markup. The CSS escape \27FD is used in stylesheets (usually in the content property of ::before/::after). Both render ⟽.
No. ⟸ is the long left double arrow without a bar (&xlArr;, U+27F8). ⟻ is the long left single arrow from bar (U+27FB). U+27FD (⟽) is the long leftwards double arrow from bar.

Did you know?

Long Left Double Arrow Bar is Unicode U+27FD (decimal 10237) — LONG LEFTWARDS DOUBLE ARROW FROM BAR in Supplemental Arrows-A. HTML5 has no named entity — use &#x27FD; or &#10237;. The matching long right form is U+27FE (⟾).

Next: Long Left Right Arrow

Learn the HTML entity for Long Left Right Arrow — 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