HTML Entity for Long Left Double Arrow (⟸)

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

What You'll Learn

How to display the Long Left Double Arrow (⟸) symbol in HTML using hexadecimal, decimal, named entity, and CSS escape methods. This character is U+27F8 (LONG LEFTWARDS DOUBLE ARROW) in the Supplemental Arrows-C block.

Render it with ⟸, ⟸, ⟸, or CSS escape \27F8. It is used in math notation, reverse implication, flow diagrams, and technical content. For the standard short double arrow, see Left Double Arrow (⇐, ⇐).

⚡ Quick Reference — Long Left Double Arrow

Unicode U+27F8

Supplemental Arrows-C

Hex Code ⟸

Hexadecimal reference

HTML Code ⟸

Decimal reference

Named Entity ⟸

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+27F8
Hex code       ⟸
HTML code      ⟸
Named entity   ⟸
CSS code       \27F8
Meaning        Long leftwards double arrow
Related        U+21D0 = ⇐ (⇐)
Block          Supplemental Arrows-C
1

Complete HTML Example

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

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\27F8";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x27F8;</p>
<p>Symbol (decimal): &#10232;</p>
<p>Symbol (named): &xlArr;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Long Left Double Arrow (⟸) is supported in modern browsers when the font includes Supplemental Arrows glyphs:

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

👀 Live Preview

See the Long Left Double Arrow (⟸) in logic and diagram contexts:

Large glyph⟸
LogicQ ⟸ P (only if)
Navigation⟸ Back
Compare⟸ (long double) vs ⇐ (short double)
Numeric refs&#x27F8; &#10232; &xlArr; \27F8

🧠 How It Works

1

Hexadecimal Code

&#x27F8; uses the Unicode hexadecimal value 27F8 to display the long double arrow.

HTML markup
2

Decimal HTML Code

&#10232; uses the decimal Unicode value 10232 to display the same character.

HTML markup
3

Named Entity

&xlArr; is the semantic named entity for ⟸—readable in source HTML and part of the HTML5 character set.

HTML markup
4

CSS Entity

\27F8 is used in CSS stylesheets, particularly in the content property of pseudo-elements.

CSS stylesheet
=

Same visual result

All four methods produce the glyph: ⟸. Unicode U+27F8 is in Supplemental Arrows-C. Previous: Long Left Arrow Bar.

✅

Use Cases

The Long Left Double Arrow (⟸) is commonly used in:

📐 Math notation

Reverse implication, “only if,” or leftward double-line relations.

📊 Flowcharts

Strong leftward flow or bidirectional relations in process diagrams.

📄 Technical docs

Indicate “implies from” or reverse implication in specs and API docs.

🔬 Logic & sets

Represent reverse implication or “only if” in formal logic.

🌐 UI & navigation

Prominent “back” or “previous” indicator with double-arrow styling.

📚 Education

Explain logical equivalence, implications, or relations in tutorials.

💡 Best Practices

Do

  • Use &xlArr; for readable source markup
  • Clarify in logic that ⟸ often means “only if” or reverse implication
  • Choose ⟸ when you need a longer double stroke than ⇐
  • Pair arrows with text labels for accessibility
  • Serve pages with UTF-8 (<meta charset="utf-8">)

Don’t

  • Confuse &xlArr; (⟸) with &lArr; (⇐) or &nvlArr; (⤂)
  • Put CSS escape \27F8 in HTML text nodes
  • Rely on the arrow glyph alone for screen reader users
  • Assume every font renders long double arrows identically—test on mobile
  • Use ⟸ and ⇐ interchangeably when precision matters

Key Takeaways

1

Four HTML/CSS references all render ⟸

&#x27F8; &#10232; &xlArr;
2

For CSS stylesheets, use the escape in the content property

\27F8
3

Unicode U+27F8 — LONG LEFTWARDS DOUBLE ARROW

4

Prefer &xlArr; for readability; short double arrow is &lArr;

5

Previous: Long Left Arrow Bar   Next: Long Left Double Arrow Bar

❓ Frequently Asked Questions

Use &#x27F8; (hex), &#10232; (decimal), &xlArr; (named), or \27F8 in CSS content. All produce ⟸.
U+27F8 (LONG LEFTWARDS DOUBLE ARROW). Supplemental Arrows-C block. Hex 27F8, decimal 10232. Named entity: &xlArr;.
For mathematical notation, reverse implication, flowcharts, technical documentation, and UI elements that need a strong left-pointing double arrow.
&xlArr; is the named HTML entity for ⟸. It is part of the HTML5 named character set and the most readable option in source markup.
⇐ (&lArr;) is the standard leftwards double arrow. ⤂ (&nvlArr;) is a leftwards double arrow with vertical stroke. ⟸ (&xlArr;) is the long leftwards double arrow with a longer horizontal stroke.

Explore More HTML Entities!

Discover 1500+ HTML character references — arrows, symbols, 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

Long Left Arrow Bar Long Left Double Arrow Bar