HTML Entity for Long Left Double Arrow (⟸)

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

What Is the Long Left Double Arrow Entity?

Long Left Double Arrow (⟸) is the Supplemental Arrows-A character at Unicode U+27F8 (LONG LEFTWARDS DOUBLE ARROW). It is a long double-shaft leftwards arrow used in math and diagrams (often for reverse implication).

Remember
Character     ⟸
Unicode       U+27F8
Hex entity    ⟸
Decimal       ⟸
Named entity  ⟸ · ⟸ · ⟸
CSS escape    \27F8
Not the same  ⟵ (⟵) · ⇐ (⇐)

Named, hex, decimal, CSS, and a typed character all produce the same glyph: ⟸. Prefer ⟸ in HTML source for clarity. Case is significant: ⟸ ≠ ⟵.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity⟸HTML markup (best default)
Named aliases⟸ / ⟸HTML markup (same glyph)
Hex entity⟸HTML markup
Decimal entity⟸HTML markup
CSS escape\27F8Stylesheet content
Direct character⟸UTF-8 HTML text

When to Use Which

SituationUse
Readable arrow HTML source⟸
Need a numeric entity in HTML⟸ or ⟸
Generated text via ::before / ::aftercontent: "\27F8"
Long single left arrow (⟵)Use ⟵ (U+27F5)
Long right double arrow (⟹)Use ⟹ (U+27F9)

Live Preview

Long Left Double Arrow in common logic and diagram contexts.

Logic Q ⟸ P
Large glyph ⟸
Named entity ⟸ → ⟸
vs ⟵ / ⇐ / ⟹ ⟸  |  ⟵  |  ⇐  |  ⟹
With entities Named: ⟸ | Hex: ⟸ | Decimal: ⟸

Complete HTML Example

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

Named + Hex + Decimal + CSS

Four ways to produce ⟸ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Long Left Double Arrow (⟸)</title>
  <style>
    #point::after {
      content: "\27F8";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x27F8;</p>
  <p>Using HTML Code: &#10232;</p>
  <p>Using Named Entity: &xlArr;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>Q &xlArr; P</code></p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &xlArr; (aliases &Longleftarrow;, &DoubleLongLeftArrow;) is the clearest HTML form and renders ⟸.

2. Hex: U+27F8 → &#x27F8; in HTML. Same result as the named entity.

3. Decimal: same code point as 10232 → &#10232;. Same result as hex.

4. CSS: use \27F8 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.

Case

&xlArr; ≠ &xlarr;

Capital A selects the double arrow (U+27F8). Lowercase &xlarr; is the single long arrow (U+27F5).

Length

⟸ ≠ ⇐

The short left double arrow is &lArr; (U+21D0). Use U+27F8 only when you need the long form.

Aliases

Three named forms

&xlArr;, &Longleftarrow;, and &DoubleLongLeftArrow; all map to U+27F8. Prefer one style consistently.

CSS vs HTML

Do not mix escapes

\27F8 belongs in CSS. &xlArr; / &#x27F8; / &#10232; belong in HTML.

A11y

Add nearby words

Pair the glyph with labels (for example Q &xlArr; P) or use aria-label when it stands alone.

Semicolon

End references

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

Browser Support

Long Left Double Arrow (U+27F8) and its entity forms (&xlArr;, &Longleftarrow;, &DoubleLongLeftArrow;, &#x27F8;, &#10232;, CSS \\27F8) are supported in all modern browsers.

✓ Universal encoding

Long Left Double Arrow (&#x27F8;)

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

Bottom line: Prefer &xlArr; for readable HTML. Use \\27F8 only inside CSS content.

Key Takeaways

  • Unicode: this symbol is U+27F8 (decimal 10232).
  • HTML: prefer &xlArr; — or use &#x27F8; / &#10232;.
  • CSS: use \27F8 inside content for generated text.
  • Watch out: &xlArr; ≠ &xlarr; ≠ &lArr;.

One line: U+27F8 → &xlArr; / &#x27F8; / &#10232; / CSS \27F8.

Frequently Asked Questions

Use &xlArr;, &Longleftarrow;, or &DoubleLongLeftArrow; (named), &#x27F8; (hex), &#10232; (decimal), or the CSS escape \27F8 in the content property. All render ⟸.
U+27F8 (LONG LEFTWARDS DOUBLE ARROW). Hex 27F8, decimal 10232. It belongs to Supplemental Arrows-A (U+27F0–U+27FF).
Yes. &xlArr;, &Longleftarrow;, and &DoubleLongLeftArrow; are named HTML5 entities for ⟸ and are supported in all modern browsers.
Use it for reverse implication, math mappings, flowcharts, and diagrams that need a long leftwards double arrow. Prefer &xlArr; for readable source.
HTML entities (&xlArr;, &#10232;, or &#x27F8;) go in markup. The CSS escape \27F8 is used in stylesheets (usually in the content property of ::before/::after). Both render ⟸.
No. &xlarr; is the long single left arrow (U+27F5). &lArr; is the short left double arrow (U+21D0, ⇐). &xlArr; (U+27F8) is the long leftwards double arrow.

Did you know?

Long Left Double Arrow is Unicode U+27F8 (decimal 10232) — LONG LEFTWARDS DOUBLE ARROW in Supplemental Arrows-A. HTML5 provides &xlArr;, &Longleftarrow;, and &DoubleLongLeftArrow; — all render ⟸. Prefer &xlArr; for readable source. Case matters: &xlarr; is the single arrow (⟵), &xlArr; is the double (⟸).

Next: Long Left Double Arrow Bar

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