Leftwards White Arrow

Shortcodes

Copy and paste codes for Leftwards White Arrow symbol ⇦ to use in your websites, apps, blogs, and more.

Unicode
U+21E6
HTML Code
⇦
HEX Code
⇦
CSS Code
\21E6
JS/JSON
\u21E6
Unix/C/PHP/JAVA
0x21E6
URL-encode
%E2%87%A6
copied

Customize Leftwards White Arrow Symbol

Customize ⇦ symbol as you like and download Leftwards White Arrow 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 Leftwards White Arrow symbol in HTML, CSS, and JS?

Insert ⇦ Leftwards White Arrow using HTML

1. Copy-paste Leftwards White Arrow directly:
<span>⇦</span>
2. HTML Decimal Code:
<span>&#8678;</span>
3. Hexadecimal Code:
<span>&#x21E6;</span>
Preview:

Add Leftwards White Arrow symbol with CSS

.leftwards-white-arrow::before {
    content: '\\21E6';
}
Preview: Leftwards White Arrow

Leftwards White Arrow JavaScript Code

1. Direct Symbol:
document.querySelector('.leftwards-white-arrow').textContent = '⇦';
2. Unicode Escape for ⇦:
document.querySelector('.leftwards-white-arrow').textContent = '\u21E6';
Preview: