Upwards White Arrow

Shortcodes

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

Unicode
U+21E7
HTML Code
⇧
HEX Code
⇧
CSS Code
\21E7
JS/JSON
\u21E7
Unix/C/PHP/JAVA
0x21E7
URL-encode
%E2%87%A7
copied

Customize Upwards White Arrow Symbol

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

Insert ⇧ Upwards White Arrow using HTML

1. Copy-paste Upwards White Arrow directly:
<span>⇧</span>
2. HTML Decimal Code:
<span>&#8679;</span>
3. Hexadecimal Code:
<span>&#x21E7;</span>
Preview:

Add Upwards White Arrow symbol with CSS

.upwards-white-arrow::before {
    content: '\\21E7';
}
Preview: Upwards White Arrow

Upwards White Arrow JavaScript Code

1. Direct Symbol:
document.querySelector('.upwards-white-arrow').textContent = '⇧';
2. Unicode Escape for ⇧:
document.querySelector('.upwards-white-arrow').textContent = '\u21E7';
Preview: