Long Rightwards Arrow

Shortcodes

Copy useful codes for long rightwards arrow symbol ⟶ to use in websites, apps, blogs, and docs.

Unicode
U+27F6
HTML Code
⟶
HEX Code
⟶
CSS Code
\27F6
JS/JSON
\u27F6
Unix/C/PHP/JAVA
0x27F6
URL-encode
%E2%9F%B6

Customize Long Rightwards Arrow

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

  

How to use Long Rightwards Arrow Symbol in HTML, CSS, and JS

Insert in HTML

1. Direct symbol:
<span>⟶</span>
HTML Code:
<span>&#10230;</span>
HEX Code:
<span>&#x27F6;</span>

Add with CSS

.long-rightwards-arrow::before {
  content: '\\27F6';
}

Set it in JavaScript

document.querySelector('.long-rightwards-arrow').textContent = '⟶';
copied