North East Arrow
↗
Shortcodes
Copy and paste codes for North East Arrow symbol ↗ to use in your websites, apps, blogs, and more.
Unicode
U+2197
HTML Code
↗
HEX Code
↗
CSS Code
\2197
JS/JSON
\u2197
Unix/C/PHP/JAVA
0x2197
URL-encode
%E2%86%97
copied
Customize North East Arrow Symbol
Customize ↗ symbol as you like and download North East 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 North East Arrow symbol in HTML, CSS, and JS?
Insert ↗ North East Arrow using HTML
1. Copy-paste North East Arrow directly:
<span>↗</span>
2. HTML Decimal Code:
<span>↗</span>
3. Hexadecimal Code:
<span>↗</span>
Preview: ↗
Add North East Arrow symbol with CSS
.north-east-arrow::before {
content: '\\2197';
}
Preview: North East Arrow
North East Arrow JavaScript Code
1. Direct Symbol:
document.querySelector('.north-east-arrow').textContent = '↗';
2. Unicode Escape for ↗:
document.querySelector('.north-east-arrow').textContent = '\u2197';
Preview: ↗
Related Arrow Symbols
View all Arrow Symbols▶
Black Right-pointing Triangle
⌃
Up Arrowhead
⌄
Down Arrowhead
⤵
Arrow Pointing Rightwards Then Curving Downwards
⤷
Arrow Pointing Downwards Then Curving Rightwards
⮟
Black Downwards Equilateral Arrowhead
⮞
Black Rightwards Equilateral Arrowhead
⮝
Black Upwards Equilateral Arrowhead
⮜
Black Leftwards Equilateral Arrowhead
←
Leftwards Arrow
↑
Upwards Arrow
→
Rightwards Arrow
↓
Downwards Arrow
↔
Left Right Arrow
↕
Up Down Arrow
↖
North West Arrow
↘
South East Arrow
↙
South West Arrow
↚
Leftwards Arrow With Stroke
↛
Rightwards Arrow With Stroke
↜
Leftwards Wave Arrow
↝
Rightwards Wave Arrow
↞
Leftwards Two Headed Arrow
↟
Upwards Two Headed Arrow
↠
Rightwards Two Headed Arrow
↡
Downwards Two Headed Arrow
↢
Leftwards Arrow With Tail
↣
Rightwards Arrow With Tail
↤
Leftwards Arrow From Bar
↥
Upwards Arrow From Bar
↦
Rightwards Arrow From Bar
↧
Downwards Arrow From Bar