North east arrow (↗) is the Arrows character at Unicode U+2197 (NORTH EAST ARROW). It points diagonally up and to the right — useful for maps, UI cues, and directions. HTML5 provides ↗, ↗, and ↗.
Remember
Character ↗
Unicode U+2197
Named entity ↗ (also ↗, ↗)
Hex entity ↗
Decimal ↗
CSS escape \2197
All of these produce the same glyph: ↗. Prefer ↗ for readable HTML; paste ↗ in UTF-8 when convenient.
Reference
Quick Reference
One table for every form you will actually use.
Form
Code
Where it goes
Named entity
↗
HTML markup (also ↗)
Hex entity
↗
HTML markup
Decimal entity
↗
HTML markup
Direct character
↗
HTML text (UTF-8 default)
CSS escape
\2197
Stylesheet content
When to Use Which
Situation
Use
Readable arrows in HTML
↗ or ↗
UTF-8 UI or map text
Type or paste ↗
Numeric entity required
↗ or ↗
Generated text via ::before / ::after
content: "\2197"
Straight right instead of diagonal
→ (→)
See it
Live Preview
North east arrow rendered in common contexts.
Glyph↗
Large glyph↗
In a sentenceExit ↗ toward the plaza
With entitiesNamed: ↗ | Hex: ↗ | Decimal: ↗
Related arrows↖ (↖) · ↘ (↘) · ↙ (↙)
Code
Complete HTML Example
One page that shows the north east arrow with named, hex, decimal, direct, and CSS forms. Use View Output or open the live editor.
Named + Hex + Decimal + Direct + CSS
Five ways to produce ↗ in a single document.
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>North East Arrow (↗) in HTML</title>
<style>
#point::after {
content: "\2197";
}
</style>
</head>
<body>
<p>Using Named Entity: ↗</p>
<p>Using Hex Code: ↗</p>
<p>Using HTML Code: ↗</p>
<p>Using Direct Character: ↗</p>
<p id="point">Using CSS Entity: </p>
<p>Example: Go ↗ on the map</p>
</body>
</html>
Using Named Entity: ↗
Using Hex Code: ↗
Using HTML Code: ↗
Using Direct Character: ↗
Using CSS Entity: ↗
Example: Go ↗ on the map
How It Works
1. Named:↗ (or ↗) is the clearest HTML form for U+2197.
2. Hex:U+2197 → ↗ in HTML. Reliable numeric form.
3. Decimal: same code point as 8599 → ↗. Same glyph.
4. Direct: paste ↗ in a UTF-8 file with <meta charset="UTF-8">.
5. CSS: use \2197 in content (not an HTML entity). #point::after appends that ↗ after the paragraph text.
Pitfalls & Tips
Common mistakes when working with this arrow entity.
Direction
Not →
→ is straight right. ↗ is diagonal (north-east). Pick the arrow that matches your meaning.
Accessibility
Do not rely on the glyph alone
If the arrow conveys action or direction, add visible or aria-label text so screen readers get the meaning.
Aliases
↗ = ↗
Both (plus ↗) map to U+2197. Pick one and stay consistent.
CSS vs HTML
Do not mix escapes
\2197 belongs in CSS. ↗ / ↗ / ↗ belong in HTML.
Semicolon
End references
Always finish with ; — write ↗, not &nearr.
UTF-8
Declare charset
If you paste ↗ directly, serve the page as UTF-8 with <meta charset="UTF-8">.
Compatibility
Browser Support
North east arrow (U+2197) and its entity forms (↗, ↗, ↗, CSS \\2197) are supported in all mainstream browsers. Glyph availability depends on the font.
✓ Universal support
North East Arrow (↗)
Prefer ↗, or encode with hex, decimal, or CSS escape — same glyph everywhere.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerAll versions
Yes
U+2197 / entitiesFull support
Bottom line: Prefer ↗ (or ↗) in HTML. Use ↗ / ↗ when a numeric form is required, and \\2197 only inside CSS content.
Remember
Key Takeaways
Unicode: north east arrow is U+2197 (decimal 8599), Arrows block.
HTML: prefer ↗ (aliases ↗, ↗), or ↗ / ↗.
CSS: use \2197 inside content for generated text.
Meaning: diagonal up-right — not the same as → or other compass arrows.
Use ↗ or ↗ (named), ↗ (hex), ↗ (decimal), type ↗ in UTF-8, or the CSS escape \2197 in content. All render ↗.
U+2197 (NORTH EAST ARROW). Hex 2197, decimal 8599. It belongs to the Arrows block and points diagonally up and to the right.
Yes. HTML5 defines ↗, ↗, and ↗ (aliases for the same character). You can also use ↗ or ↗.
Use it for maps, compass-style directions, “open in new window” style cues, and diagonal navigation UI. Prefer ↗ for readable source. For screen readers, add accessible text when the arrow alone carries meaning.
HTML entities (↗, ↗, or ↗) go in markup. The CSS escape \2197 is used in stylesheets (usually in the content property of ::before/::after). Both render ↗.
→ (U+2192, →) is a right arrow. ↗ is specifically north-east (up-right). Emoji presentation depends on font and VS16; this page documents the text Arrows character U+2197.
🤔
Did you know?
North east arrow (↗) is Unicode U+2197 (decimal 8599) — NORTH EAST ARROW in the Arrows block. HTML5 provides ↗ (also ↗ and ↗). Use it for maps, UI “open external” cues, and diagonal direction indicators.
