HTML Entity for North East Arrow (↗)
What You'll Learn
How to display the north east arrow (↗) in HTML using named, hexadecimal, decimal, and CSS escape methods. This directional arrow points up and to the right and is widely used in navigation UI, maps, labels, and keyboard shortcut hints.
This character is U+2197 (NORTH EAST ARROW) in the Arrows block (U+2190–U+21FF). Render it with ↗, ↗, ↗, or CSS escape \2197.
⚡ Quick Reference — North East Arrow Entity
U+2197Arrows block
↗Hexadecimal reference
↗Decimal reference
↗Most readable option
Name Value
──────────── ──────────
Unicode U+2197
Hex code ↗
HTML code ↗
Named entity ↗
CSS code \2197
Meaning North east (up-right) arrow
Related U+2196 = North west (↖, ↖)
U+2198 = South east (↘, ↘)
U+2199 = South west (↙, ↙)Complete HTML Example
This example demonstrates the north east arrow (↗) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\2197";
}
</style>
</head>
<body>
<p>North East Arrow using Hexadecimal: ↗</p>
<p>North East Arrow using HTML Code: ↗</p>
<p>North East Arrow using Named Entity: ↗</p>
<p id="point">North East Arrow using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The north east arrow (↗) is universally supported in all modern browsers:
👀 Live Preview
See the north east arrow (↗) in navigation and directional contexts:
🧠 How It Works
Named Entity
↗ is the HTML named entity for U+2197—the most readable choice when writing directional markup.
Hexadecimal Code
↗ uses the Unicode hexadecimal value 2197. The x prefix indicates hexadecimal format.
Decimal HTML Code
↗ uses the decimal Unicode value 8599 to display the same character.
CSS Entity
\2197 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All four methods produce: ↗. Unicode U+2197 in the Arrows block (U+2190–U+21FF).
Use Cases
The north east arrow (↗) is commonly used in:
Show up-right direction on maps, signs, and route instructions.
Expand, external-link, and “open in new window” indicators.
Document diagonal movement keys alongside ← → ↑ ↓.
Indicate wind direction blowing toward the north east.
Technical writing, diagrams, and flow charts with directional flow.
Unicode charts and HTML entity documentation for arrow symbols.
💡 Best Practices
Do
- Use
↗for readable directional markup - Pair ↗ with accessible text (e.g. “north east” or
aria-label) - Distinguish ↗ from heavy variants like U+279A (➚)
- Use consistent arrow styling across your UI
- Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ↗ (
↗) with ↘ (↘) or other diagonal arrows - Use padded Unicode notation like U+02197—the correct value is
U+2197 - Put CSS escape
\2197in HTML text nodes - Use
\02197in CSS—the correct escape is\2197 - Rely on the glyph alone for screen-reader users without a text alternative
Key Takeaways
Three HTML references plus CSS all render ↗
↗ ↗ ↗For CSS stylesheets, use the escape in the content property
\2197Unicode U+2197 — NORTH EAST ARROW
Arrows block (U+2190–U+21FF)
↗ is the preferred named entity for readable source markup
❓ Frequently Asked Questions
↗ (named), ↗ (hex), ↗ (decimal), or \2197 in CSS content. All produce ↗.U+2197 (NORTH EAST ARROW). Arrows block (U+2190–U+21FF). Hex 2197, decimal 8599. Named entity: ↗.↗, ↗, or ↗) go directly in markup. The CSS escape \2197 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.↗ is the named HTML entity for U+2197 and is the most readable option in source markup.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, math symbols, and more.
About the author
8 people found this page helpful