Heavy Dashed Triangle-headed Rightwards Arrow

Shortcodes

Copy and paste codes for Heavy Dashed Triangle-headed Rightwards Arrow symbol ➠ to use in your websites, apps, blogs, and more.

Unicode
U+27A0
HTML Code
➠
HEX Code
➠
CSS Code
\27A0
JS/JSON
\u27A0
Unix/C/PHP/JAVA
0x27A0
URL-encode
%E2%9E%A0
copied

Customize Heavy Dashed Triangle-headed Rightwards Arrow Symbol

Customize ➠ symbol as you like and download Heavy Dashed Triangle-headed Rightwards 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 Heavy Dashed Triangle-headed Rightwards Arrow symbol in HTML, CSS, and JS?

Insert ➠ Heavy Dashed Triangle-headed Rightwards Arrow using HTML

1. Copy-paste Heavy Dashed Triangle-headed Rightwards Arrow directly:
<span>➠</span>
2. HTML Decimal Code:
<span>&#10144;</span>
3. Hexadecimal Code:
<span>&#x27A0;</span>
Preview:

Add Heavy Dashed Triangle-headed Rightwards Arrow symbol with CSS

.heavy-dashed-triangle-headed-rightwards-arrow::before {
    content: '\\27A0';
}
Preview: Heavy Dashed Triangle-headed Rightwards Arrow

Heavy Dashed Triangle-headed Rightwards Arrow JavaScript Code

1. Direct Symbol:
document.querySelector('.heavy-dashed-triangle-headed-rightwards-arrow').textContent = '➠';
2. Unicode Escape for ➠:
document.querySelector('.heavy-dashed-triangle-headed-rightwards-arrow').textContent = '\u27A0';
Preview: