HTML Entity for Right Arrow From Bar (↦)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+21A6

What Is Right Arrow From Bar?

Right arrow from bar (↦) is the Unicode character at U+21A6 in the Arrows block. Official name: RIGHTWARDS ARROW FROM BAR. It is the classic “maps to” arrow used in function notation (e.g. x ↦ f(x)).

Remember
Character     ↦
Unicode       U+21A6
Named entity  ↦
Hex entity    ↦
Decimal       ↦
CSS escape    \21A6
Not the same  → · ⟼ · ⇥

Prefer ↦ in HTML markup. You can also type ↦ in UTF-8, or use numeric forms when needed.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity↦HTML markup (preferred)
Direct character↦HTML text (UTF-8)
Hex entity↦HTML markup
Decimal entity↦HTML markup
CSS escape\21A6Stylesheet content
Long maps-to (related)⟼ (⟼, U+27FC)Long rightwards arrow from bar

When to Use Which

SituationUse
Function mapping / “maps to”↦ or type ↦
Long maps-to arrow⟼ / ⟼
Plain right arrow→ / →
Right arrow to bar (tab style)⇥ / ⇥
From bar to black diamond⤠ / ⤠
Generated text via ::before / ::aftercontent: "\21A6"

Live Preview

Right arrow from bar rendered in math and next to related marks.

Example x ↦ f(x)
Large glyph ↦
Compared ↦   →   ⟼   ⇥
With entities Named: ↦ | Hex: ↦ | Decimal: ↦

Complete HTML Example

One page that shows Right Arrow From Bar with named, hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Named + Hex + Decimal + CSS + Typed

Five ways to produce ↦, plus a classic maps-to example.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Right Arrow From Bar (↦) in HTML</title>
  <style>
    #point::after {
      content: "\21A6";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &mapsto;</p>
  <p>Using Hex Code: &#x21A6;</p>
  <p>Using HTML Code: &#8614;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ↦</p>
  <p><em>x</em> &mapsto; <em>f(x)</em></p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &mapsto; is the HTML5 name for U+21A6 → ↦. Best default in markup.

2. Hex: U+21A6 → &#x21A6; in HTML. Same glyph as the named form.

3. Decimal: same code point as 8614 → &#8614;. Same result as hex and named.

4. CSS: use \21A6 in content (not an HTML entity). #point::after appends that ↦ after the paragraph text.

5. Typed / math: paste ↦ in UTF-8, or write x &mapsto; f(x) for classic function-mapping notation.

Pitfalls & Tips

Common mistakes when working with Right Arrow From Bar.

→

Not a plain right arrow

&rarr; is → (U+2192). Use &mapsto; when you need the bar on the left (maps-to form).

⟼

Not &xmap;

&xmap; / &longmapsto; is the long maps-to arrow (U+27FC). Prefer it only when you need the longer glyph.

⇥

From bar vs to bar

&rarrb; (U+21E5) ends at a bar. &mapsto; starts from a bar. They are opposite layouts.

Fonts

Math font coverage

Some UI fonts draw ↦ poorly. Prefer a math-capable font for equations.

CSS vs HTML

Do not mix escapes

\21A6 belongs in CSS strings. &mapsto; / &#x21A6; / &#8614; belong in HTML.

Semicolon

End named entities

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

Browser Support

Right arrow from bar (U+21A6) and its entity forms (&mapsto;, &#x21A6;, &#8614;, CSS \\21A6) are supported in all mainstream browsers.

✓ Universal support

Right Arrow From Bar (&#x21A6;)

Encode with named, hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+21A6 / entities Full support

Bottom line: Prefer &mapsto; in HTML. Use &#x21A6; / &#8614; when numeric form is required, and \\21A6 only inside CSS content.

Key Takeaways

  • Unicode: this mark is U+21A6 (decimal 8614) — glyph ↦.
  • HTML: prefer &mapsto; — also &#x21A6; / &#8614; / type ↦.
  • CSS: use \21A6 inside content for generated text.
  • Meaning: ↦ = maps to / from bar — not &rarr;, not &xmap;.

One line: U+21A6 → &mapsto; / &#x21A6; / &#8614; / CSS \21A6.

Frequently Asked Questions

Prefer &mapsto; (named). You can also use &#x21A6; (hex), &#8614; (decimal), type ↦ in UTF-8, or the CSS escape \21A6 in content.
U+21A6 (RIGHTWARDS ARROW FROM BAR). Hex 21A6, decimal 8614. It belongs to the Arrows block (U+2190–U+21FF).
Yes. Use &mapsto;. Numeric forms &#8614; and &#x21A6; also work. Prefer the named form for readable math markup.
Use it for function mapping and “maps to” notation (x ↦ f(x)), and in diagrams that need a rightwards arrow starting from a bar. Prefer &rarr; for a plain right arrow, and &xmap; when you need the long maps-to form.
HTML entities (&mapsto;, &#8614;, or &#x21A6;) go in markup. The CSS escape \21A6 goes in stylesheet strings (usually content on ::before/::after).
No. &mapsto; is ↦ (U+21A6, from bar). &rarr; is → (U+2192, plain right arrow). &xmap; is ⟶ (U+27FC, long rightwards arrow from bar).

Did you know?

Right arrow from bar is Unicode U+21A6 (decimal 8614) — glyph ↦ in the Arrows block. Official name: RIGHTWARDS ARROW FROM BAR. HTML5 names it &mapsto; — the classic “maps to” arrow in math (e.g. x &mapsto; f(x)). The long form is &xmap; (U+27FC).

Next: Right Arrow From Bar To Black Diamond

Learn the HTML entity for right arrow from bar to black diamond (⤠).

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