Downwards Arrow

Shortcodes

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

Unicode
U+2193
Alt Code
25
HTML Code
↓
HTML Entity
↓
HEX Code
↓
CSS Code
\2193
JS/JSON
\u2193
Unix/C/PHP/JAVA
0x2193
URL-encode
%E2%86%93

Customize Downwards Arrow

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

  

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

Insert in HTML

1. Direct symbol:
<span>↓</span>
HTML Code:
<span>&#8595;</span>
HTML Entity:
<span>&darr;</span>
HEX Code:
<span>&#x2193;</span>

Add with CSS

.downwards-arrow::before {
  content: '\\2193';
}

Set it in JavaScript

document.querySelector('.downwards-arrow').textContent = '↓';
copied