HTML Entity for Long Left Arrow (⟵)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+27F5

HTML Entity for Long Left Arrow (U+27F5) tutorial illustration

Definition

What Is the Long Left Arrow Entity?

Long Left Arrow (⟵) is the Supplemental Arrows-A character at Unicode U+27F5 (LONG LEFTWARDS ARROW). It is a longer leftwards arrow used in math, maps, and diagrams.

Remember

Character     ⟵
Unicode       U+27F5
Hex entity    &#x27F5;
Decimal       &#10229;
Named entity  &xlarr; · &longleftarrow; · &LongLeftArrow;
CSS escape    \27F5
Not the same  &larr; (←) · &xlArr; (⟸)

Named, hex, decimal, CSS, and a typed character all produce the same glyph: ⟵. Prefer &xlarr; in HTML source for clarity.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`&xlarr;`	HTML markup (best default)
Named aliases	`&longleftarrow;` / `&LongLeftArrow;`	HTML markup (same glyph)
Hex entity	`⟵`	HTML markup
Decimal entity	`⟵`	HTML markup
CSS escape	`\27F5`	Stylesheet `content`
Direct character	`⟵`	UTF-8 HTML text

When to Use Which

Situation	Use
Readable arrow HTML source	`&xlarr;`
Need a numeric entity in HTML	`⟵` or `⟵`
Generated text via `::before` / `::after`	`content: "\27F5"`
Standard short left arrow (←)	Use ← (U+2190)
Long right arrow (⟶)	Use &xrarr; (U+27F6)

See it

Live Preview

Long Left Arrow in common navigation and math contexts.

Navigation ⟵ Back

Large glyph ⟵

Named entity &xlarr; → ⟵

vs ← / ⟶ / ⟸ ⟵ | ← | ⟶ | ⟸

With entities Named: ⟵ | Hex: ⟵ | Decimal: ⟵

Code

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 Arrow (⟵)</title>
  <style>
    #point::after {
      content: "\27F5";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x27F5;</p>
  <p>Using HTML Code: &#10229;</p>
  <p>Using Named Entity: &xlarr;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>&xlarr; Back</code></p>
</body>
</html>

Try It Yourself

How It Works

1. Named: &xlarr; (aliases &longleftarrow;, &LongLeftArrow;) is the clearest HTML form and renders ⟵.

2. Hex: U+27F5 → ⟵ in HTML. Same result as the named entity.

3. Decimal: same code point as 10229 → ⟵. Same result as hex.

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

Pitfalls & Tips

Common mistakes when working with Long Left Arrow.

Length

⟵ ≠ ←

The standard left arrow (←, U+2190) is shorter. Use U+27F5 only when you need the long form.

Double

Not the double arrow

Long left double arrow is U+27F8 (&xlArr;, ⟸). Case matters: &xlarr; ≠ &xlArr;.

Aliases

Three named forms

&xlarr;, &longleftarrow;, and &LongLeftArrow; all map to U+27F5. Prefer one style consistently.

CSS vs HTML

Do not mix escapes

\27F5 belongs in CSS. &xlarr; / ⟵ / ⟵ belong in HTML.

A11y

Add nearby words

Pair the glyph with words (for example &xlarr; Back) or use aria-label when it stands alone.

Semicolon

End references

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

Compatibility

Browser Support

Long Left Arrow (U+27F5) and its entity forms (&xlarr;, &longleftarrow;, &LongLeftArrow;, ⟵, ⟵, CSS \\27F5) are supported in all modern browsers.

✓ Universal encoding

Long Left Arrow (⟵)

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

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

Remember

Key Takeaways

Unicode: this symbol is U+27F5 (decimal 10229).
HTML: prefer &xlarr; — or use ⟵ / ⟵.
CSS: use \27F5 inside content for generated text.
Watch out: U+27F5 ≠ ← ≠ &xlArr; (double).

One line: U+27F5 → &xlarr; / ⟵ / ⟵ / CSS \27F5.

Frequently Asked Questions

How do I display Long Left Arrow (⟵) in HTML using entities?

Use &xlarr;, &longleftarrow;, or &LongLeftArrow; (named), ⟵ (hex), ⟵ (decimal), or the CSS escape \27F5 in the content property. All render ⟵.

What is the Unicode value for Long Left Arrow?

U+27F5 (LONG LEFTWARDS ARROW). Hex 27F5, decimal 10229. It belongs to Supplemental Arrows-A (U+27F0–U+27FF).

Is there a named HTML entity for U+27F5?

Yes. &xlarr;, &longleftarrow;, and &LongLeftArrow; are named HTML5 entities for ⟵ and are supported in all modern browsers.

When should I use this HTML entity?

Use it for maps, math mappings, flow diagrams, and UI that needs a longer leftwards arrow than ←. Prefer &xlarr; for readable source.

What is the difference between HTML code and CSS entity for U+27F5?

HTML entities (&xlarr;, ⟵, or ⟵) go in markup. The CSS escape \27F5 is used in stylesheets (usually in the content property of ::before/::after). Both render ⟵.

Is the long left arrow the same as ←?

No. ← is the standard leftwards arrow (←, U+2190). ⟵ (U+27F5) is the longer form. Use the long arrow when you specifically need the extended shaft.

Did you know?

Long Left Arrow is Unicode U+27F5 (decimal 10229) — LONG LEFTWARDS ARROW in Supplemental Arrows-A. HTML5 provides &xlarr;, &longleftarrow;, and &LongLeftArrow; — all render ⟵. Prefer &xlarr; for readable source. It is longer than the standard left arrow ← (←, U+2190).

Next: Long Left Arrow Bar

Learn the HTML entity for Long Left Arrow Bar — next in this sequence.

Continue tutorial →

About the author

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

HTML Entity | Logical OR HTML Entity | Long Left Arrow Bar