North West Arrow
↖
Shortcodes
Copy and paste codes for North West Arrow symbol ↖ to use in your websites, apps, blogs, and more.
Unicode
U+2196
HTML Code
↖
HEX Code
↖
CSS Code
\2196
JS/JSON
\u2196
Unix/C/PHP/JAVA
0x2196
URL-encode
%E2%86%96
copied
Customize North West Arrow Symbol
Customize ↖ symbol as you like and download North West 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 West Arrow symbol in HTML, CSS, and JS?
Insert ↖ North West Arrow using HTML
1. Copy-paste North West Arrow directly:
<span>↖</span>2. HTML Decimal Code:
<span>↖</span>3. Hexadecimal Code:
<span>↖</span>Preview:
↖
Add North West Arrow symbol with CSS
.north-west-arrow::before {
content: '\\2196';
}Preview: North West Arrow
North West Arrow JavaScript Code
1. Direct Symbol:
document.querySelector('.north-west-arrow').textContent = '↖';2. Unicode Escape for ↖:
document.querySelector('.north-west-arrow').textContent = '\u2196';Preview: ↖
Related Arrow Symbols
View all Arrow Symbols⎋
Broken Circle With Northwest Arrow
▶
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 East 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