Rightwards Arrow From Bar

Shortcodes

Copy and paste codes for Rightwards Arrow From Bar symbol ↦ to use in your websites, apps, blogs, and more.

Unicode
U+21A6
HTML Code
↦
HEX Code
↦
CSS Code
\21A6
JS/JSON
\u21A6
Unix/C/PHP/JAVA
0x21A6
URL-encode
%E2%86%A6
copied

Customize Rightwards Arrow From Bar Symbol

Customize ↦ symbol as you like and download Rightwards Arrow From Bar as SVG or PNG or copy its HTML code to use in your projects.

Preview helps customize symbol. Downloaded image and HTML code may have size/spacing differences.
 

How to add Rightwards Arrow From Bar symbol in HTML, CSS, and JS?

Insert ↦ Rightwards Arrow From Bar using HTML

1. Copy-paste Rightwards Arrow From Bar directly:
<span>↦</span>
2. HTML Decimal Code:
<span>&#8614;</span>
3. Hexadecimal Code:
<span>&#x21A6;</span>
Preview:

Add Rightwards Arrow From Bar symbol with CSS

.rightwards-arrow-from-bar::before {
    content: '\\21A6';
}
Preview: Rightwards Arrow From Bar

Rightwards Arrow From Bar JavaScript Code

1. Direct Symbol:
document.querySelector('.rightwards-arrow-from-bar').textContent = '↦';
2. Unicode Escape for ↦:
document.querySelector('.rightwards-arrow-from-bar').textContent = '\u21A6';
Preview: