HTML Entity for Long Right Arrow From Bar (⟼)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+27FC

HTML Entity for Long Right Arrow From Bar (U+27FC) tutorial illustration

Definition

What Is the Long Right Arrow From Bar Entity?

Long Right Arrow From Bar (⟼) is the Supplemental Arrows-A character at Unicode U+27FC (LONG RIGHTWARDS ARROW FROM BAR). It is a long rightwards arrow that starts from a vertical bar — commonly used for “maps to” notation.

Remember

Character     ⟼
Unicode       U+27FC
Hex entity    &#x27FC;
Decimal       &#10236;
Named entity  &xmap; · &longmapsto;
CSS escape    \27FC
Not the same  &xrarr; (⟶) · ⟻

Named, hex, decimal, CSS, and a typed character all produce the same glyph: ⟼. Prefer &xmap; (or &longmapsto;) in HTML source for clarity.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`&xmap;` / `&longmapsto;`	HTML markup (best default)
Hex entity	`⟼`	HTML markup
Decimal entity	`⟼`	HTML markup
CSS escape	`\27FC`	Stylesheet `content`
Direct character	`⟼`	UTF-8 HTML text

When to Use Which

Situation	Use
Readable maps-to HTML source	`&xmap;` (or `&longmapsto;`)
Need a numeric entity in HTML	`⟼` or `⟼`
Generated text via `::before` / `::after`	`content: "\27FC"`
Long right arrow without bar (⟶)	Use &xrarr; (U+27F6)
Long left arrow from bar (⟻)	Use ⟻ (U+27FB)

See it

Live Preview

Long Right Arrow From Bar in common math and diagram contexts.

Maps to x ⟼ f(x)

Large glyph ⟼

Named entity &xmap; → ⟼

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 From Bar (⟼)</title>
  <style>
    #point::after {
      content: "\27FC";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x27FC;</p>
  <p>Using HTML Code: &#10236;</p>
  <p>Using Named Entity: &xmap;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>x &xmap; f(x)</code></p>
</body>
</html>

Try It Yourself

How It Works

1. Named: &xmap; (alias &longmapsto;) is the clearest HTML form and renders ⟼.

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

3. Decimal: same code point as 10236 → ⟼. Same result as hex.

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

Pitfalls & Tips

Common mistakes when working with Long Right Arrow From Bar.

Look-alikes

⟼ ≠ ⟶ ≠ ⟻

Plain long right (&xrarr;) has no bar. Long left from bar (U+27FB) points the other way. Use U+27FC only for the long rightwards arrow from bar.

Aliases

`&xmap;` = `&longmapsto;`

Both named entities map to U+27FC. Prefer one style consistently in a document.

Short form

Not `&mapsto;`

&mapsto; is the shorter maps-to arrow (U+21A6, ↦). Use &xmap; when you need the long form.

CSS vs HTML

Do not mix escapes

\27FC belongs in CSS. &xmap; / ⟼ / ⟼ belong in HTML.

A11y

Add nearby words

Pair the glyph with labels (for example x &xmap; f(x)) or use aria-label when it stands alone.

Semicolon

End references

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

Compatibility

Browser Support

Long Right Arrow From Bar (U+27FC) and its entity forms (&xmap;, &longmapsto;, ⟼, ⟼, CSS \\27FC) are supported in all modern browsers.

✓ Universal encoding

Long Right Arrow From Bar (⟼)

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

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

Remember

Key Takeaways

Unicode: this symbol is U+27FC (decimal 10236).
HTML: prefer &xmap; (alias &longmapsto;) — or use ⟼ / ⟼.
CSS: use \27FC inside content for generated text.
Watch out: U+27FC ≠ &xrarr; ≠ U+27FB.

One line: U+27FC → &xmap; / ⟼ / ⟼ / CSS \27FC.

Frequently Asked Questions

How do I display Long Right Arrow From Bar (⟼) in HTML using entities?

Use &xmap; or &longmapsto; (named), ⟼ (hex), ⟼ (decimal), or the CSS escape \27FC in the content property. All render ⟼.

What is the Unicode value for Long Right Arrow From Bar?

U+27FC (LONG RIGHTWARDS ARROW FROM BAR). Hex 27FC, decimal 10236. It belongs to Supplemental Arrows-A (U+27F0–U+27FF).

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

Yes. Both &xmap; and &longmapsto; are named HTML5 entities for ⟼ and are supported in all modern browsers.

When should I use this HTML entity?

Use it for math maps-to notation (x ⟼ f(x)), function definitions, and diagrams that need a long rightwards arrow starting from a vertical bar. Prefer &xmap; for readable source.

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

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

Is this the same as ⟶ or ⟻?

No. ⟶ is the long right arrow without a bar (&xrarr;, U+27F6). ⟻ is the long left arrow from bar (U+27FB, no named entity). U+27FC (⟼) is the long rightwards arrow from bar.

Did you know?

Long Right Arrow From Bar is Unicode U+27FC (decimal 10236) — LONG RIGHTWARDS ARROW FROM BAR in Supplemental Arrows-A. HTML5 provides &xmap; and &longmapsto; — both render ⟼. Prefer &xmap; for readable maps-to markup. The long left counterpart (U+27FB) has no named entity.

Next: Long Right Double Arrow

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