Rightwards Arrow From Bar
The barbed tail marks this as the maps-to arrow from mathematics, read as x maps to something. It shows up in function notation such as f: x ↦ x + 1, and is distinct from the plain arrow used for flow diagrams. Reach for ↦ in flowcharts, diagrams and step-by-step interface copy, where a plain keyboard falls short. It is cataloged at Unicode code point U+21A6 in the arrows set, so it renders the same real text character in every app that supports the font, not a pasted image.
| Symbol | ↦ | |
|---|---|---|
| Unicode | U+21A6 | |
| Name | Rightwards Arrow From Bar | |
| HTML (decimal) | ↦ | |
| HTML (hex) | ↦ | |
| CSS content | \21A6 | |
| JavaScript / JSON | \u21A6 | |
| UTF-8 bytes | 0xE2 0x86 0xA6 | |
| UTF-16 units | 0x21A6 |
How to type the rightwards arrow from bar symbol
- Copy and paste: click the ↦ at the top of this page, then paste with Ctrl+V (Windows) or Cmd+V (Mac). This is the fastest route on any device.
- HTML: write
↦in your markup. - CSS: use
content: "\21A6"in a::beforeor::afterrule. - JavaScript: the escape
\u21A6produces this character in a string.
Frequently asked questions
How do I copy the rightwards arrow from bar symbol?
Click the ↦ above or the copy button and it is placed on your clipboard. Paste it anywhere with Ctrl+V or Cmd+V. It is a real text character, so it works in documents, chats and code.
What is the Unicode code point for rightwards arrow from bar?
The rightwards arrow from bar has the Unicode code point U+21A6. In HTML you can write it as ↦ or ↦.
Can I use the rightwards arrow from bar symbol in HTML and CSS?
Yes. In HTML write ↦, and in CSS use content: "\21A6" inside a ::before or ::after rule. The code table on this page has copy buttons for both.
Related symbols
Browse the full arrow symbols hub, or return to the searchable symbol grid.