HTML Entity for Long Right Arrow (⟶)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+27F6

HTML Entity for Long Right Arrow (U+27F6) tutorial illustration

Definition

What Is the Long Right Arrow Entity?

Long Right Arrow (⟶) is the Supplemental Arrows-A character at Unicode U+27F6 (LONG RIGHTWARDS ARROW). It is a longer rightwards arrow used in math, maps, and diagrams.

Remember

Character     ⟶
Unicode       U+27F6
Hex entity    &#x27F6;
Decimal       &#10230;
Named entity  &xrarr; · &longrightarrow; · &LongRightArrow;
CSS escape    \27F6
Not the same  &rarr; (→) · &xrArr; (⟹)

Named, hex, decimal, CSS, and a typed character all produce the same glyph: ⟶. Prefer &xrarr; in HTML source for clarity. Case is significant: &xrarr; ≠ &xrArr;.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`&xrarr;`	HTML markup (best default)
Named aliases	`&longrightarrow;` / `&LongRightArrow;`	HTML markup (same glyph)
Hex entity	`⟶`	HTML markup
Decimal entity	`⟶`	HTML markup
CSS escape	`\27F6`	Stylesheet `content`
Direct character	`⟶`	UTF-8 HTML text

When to Use Which

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

See it

Live Preview

Long Right Arrow in common navigation and math contexts.

Navigation Next ⟶

Large glyph ⟶

Named entity &xrarr; → ⟶

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 Right Arrow (⟶)</title>
  <style>
    #point::after {
      content: "\27F6";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x27F6;</p>
  <p>Using HTML Code: &#10230;</p>
  <p>Using Named Entity: &xrarr;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>Next &xrarr;</code></p>
</body>
</html>

Try It Yourself

How It Works

1. Named: &xrarr; (aliases &longrightarrow;, &LongRightArrow;) is the clearest HTML form and renders ⟶.

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

3. Decimal: same code point as 10230 → ⟶. Same result as hex.

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

Pitfalls & Tips

Common mistakes when working with Long Right Arrow.

Length

⟶ ≠ →

The standard right arrow (→, U+2192) is shorter. Use U+27F6 only when you need the long form.

Case

`&xrarr;` ≠ `&xrArr;`

Capital A selects the double arrow (U+27F9). Lowercase &xrarr; is the single long arrow (U+27F6).

Aliases

Three named forms

&xrarr;, &longrightarrow;, and &LongRightArrow; all map to U+27F6. Prefer one style consistently.

CSS vs HTML

Do not mix escapes

\27F6 belongs in CSS. &xrarr; / ⟶ / ⟶ belong in HTML.

A11y

Add nearby words

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

Semicolon

End references

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

Compatibility

Browser Support

Long Right Arrow (U+27F6) and its entity forms (&xrarr;, &longrightarrow;, &LongRightArrow;, ⟶, ⟶, CSS \\27F6) are supported in all modern browsers.

✓ Universal encoding

Long Right 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+27F6 Full support

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

Remember

Key Takeaways

Unicode: this symbol is U+27F6 (decimal 10230).
HTML: prefer &xrarr; — or use ⟶ / ⟶.
CSS: use \27F6 inside content for generated text.
Watch out: U+27F6 ≠ → ≠ &xrArr; (double).

One line: U+27F6 → &xrarr; / ⟶ / ⟶ / CSS \27F6.

Frequently Asked Questions

How do I display Long Right Arrow (⟶) in HTML using entities?

Use &xrarr;, &longrightarrow;, or &LongRightArrow; (named), ⟶ (hex), ⟶ (decimal), or the CSS escape \27F6 in the content property. All render ⟶.

What is the Unicode value for Long Right Arrow?

U+27F6 (LONG RIGHTWARDS ARROW). Hex 27F6, decimal 10230. It belongs to Supplemental Arrows-A (U+27F0–U+27FF).

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

Yes. &xrarr;, &longrightarrow;, and &LongRightArrow; 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 rightwards arrow than →. Prefer &xrarr; for readable source.

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

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

Is the long right arrow the same as →?

No. → is the standard rightwards arrow (→, U+2192). ⟶ (U+27F6) is the longer form. Case also matters: &xrArr; is the long double form (U+27F9).

Did you know?

Long Right Arrow is Unicode U+27F6 (decimal 10230) — LONG RIGHTWARDS ARROW in Supplemental Arrows-A. HTML5 provides &xrarr;, &longrightarrow;, and &LongRightArrow; — all render ⟶. Prefer &xrarr; for readable source. It is longer than the standard right arrow → (→, U+2192).

Next: Long Right Arrow From Bar

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