Upwards Arrow

Shortcodes

Copy useful codes for upwards arrow symbol ↑ to use in websites, apps, blogs, and docs.

Unicode
U+2191
Alt Code
24
HTML Code
↑
HTML Entity
↑
HEX Code
↑
CSS Code
\2191
JS/JSON
\u2191
Unix/C/PHP/JAVA
0x2191
URL-encode
%E2%86%91

Customize Upwards Arrow

Customize ↑, download it as SVG or PNG, or copy the generated HTML snippet.

  

How to use Upwards Arrow Symbol in HTML, CSS, and JS

Insert in HTML

1. Direct symbol:
<span>↑</span>
HTML Code:
<span>&#8593;</span>
HTML Entity:
<span>&uarr;</span>
HEX Code:
<span>&#x2191;</span>

Add with CSS

.upwards-arrow::before {
  content: '\\2191';
}

Set it in JavaScript

document.querySelector('.upwards-arrow').textContent = '↑';
copied