Upwards Dashed Arrow

Shortcodes

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

Unicode
U+21E1
HTML Code
⇡
HEX Code
⇡
CSS Code
\21E1
JS/JSON
\u21E1
Unix/C/PHP/JAVA
0x21E1
URL-encode
%E2%87%A1
copied

Customize Upwards Dashed Arrow Symbol

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

Insert ⇡ Upwards Dashed Arrow using HTML

1. Copy-paste Upwards Dashed Arrow directly:
<span>⇡</span>
2. HTML Decimal Code:
<span>&#8673;</span>
3. Hexadecimal Code:
<span>&#x21E1;</span>
Preview:

Add Upwards Dashed Arrow symbol with CSS

.upwards-dashed-arrow::before {
    content: '\\21E1';
}
Preview: Upwards Dashed Arrow

Upwards Dashed Arrow JavaScript Code

1. Direct Symbol:
document.querySelector('.upwards-dashed-arrow').textContent = '⇡';
2. Unicode Escape for ⇡:
document.querySelector('.upwards-dashed-arrow').textContent = '\u21E1';
Preview: