HTML Entity for North West Arrow and North East Arrow (⤧)
What You'll Learn
How to display the north west arrow and north east arrow (⤧) in HTML using named, hexadecimal, decimal, and CSS escape methods. This combined directional symbol pairs north-west and north-east arrows and is useful for navigation UI, maps, and design elements showing dual diagonal directions.
This character is U+2927 (NORTH WEST ARROW AND NORTH EAST ARROW) in the Supplemental Arrows-B block (U+2900–U+297F). Render it with ⤧, ⤧, ⤧, or CSS escape \2927.
⚡ Quick Reference — NW and NE Arrow Entity
U+2927Supplemental Arrows-B
⤧Hexadecimal reference
⤧Decimal reference
⤧Most readable option
Name Value
──────────── ──────────
Unicode U+2927
Hex code ⤧
HTML code ⤧
Named entity ⤧
CSS code \2927
Meaning North west arrow and north east arrow
Related U+2196 = North west (↖, ↖)
U+2197 = North east (↗, ↗)
U+2928 = NE and SE (⤨, ⤨)
Block Supplemental Arrows-B (U+2900–U+297F)Complete HTML Example
A simple example showing ⤧ using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\2927";
}
</style>
</head>
<body>
<p>Symbol (hex): ⤧</p>
<p>Symbol (decimal): ⤧</p>
<p>Symbol (named): ⤧</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The north west arrow and north east arrow (⤧) is supported in all modern browsers:
👀 Live Preview
See ⤧ in navigation and directional contexts:
🧠 How It Works
Named Entity
⤧ is the HTML named entity for U+2927—the most readable choice when writing directional markup.
Hexadecimal Code
⤧ uses the Unicode hexadecimal value 2927. The x prefix indicates hexadecimal format.
Decimal HTML Code
⤧ uses the decimal Unicode value 10535 to display the same character.
CSS Entity
\2927 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+2927 in Supplemental Arrows-B (U+2900–U+297F).
Use Cases
The north west arrow and north east arrow (⤧) is commonly used in:
Show dual diagonal routes (north west or north east) on maps and signage.
Indicate branching paths, dual-direction controls, or diagonal choice indicators.
Technical diagrams where flow splits toward north west or north east.
Directional graphics, icons, and visual design with combined diagonal arrows.
Unicode charts, arrow references, and HTML entity tutorials.
Legend keys for routes offering north-west or north-east directions.
💡 Best Practices
Do
- Use
⤧for readable directional markup - Pair ⤧ with accessible text (e.g. “north west or north east” or
aria-label) - Distinguish ⤧ from single arrows ↖ and ↗ when meaning matters
- Use consistent arrow styling across your UI
- Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ⤧ (
⤧) with ↖ (↖) or ↗ (↗) - Confuse
⤧with⤨(U+2928, north-east and south-east) - Use padded Unicode notation like U+02927—the correct value is
U+2927 - Put CSS escape
\2927in HTML text nodes - Use
\02927in CSS—the correct escape is\2927
Key Takeaways
Three HTML references plus CSS all render ⤧
⤧ ⤧ ⤧For CSS stylesheets, use the escape in the content property
\2927Unicode U+2927 — NORTH WEST ARROW AND NORTH EAST ARROW
Supplemental Arrows-B block (U+2900–U+297F)
⤧ is the preferred named entity for readable source markup
❓ Frequently Asked Questions
⤧ (named), ⤧ (hex), ⤧ (decimal), or \2927 in CSS content. All produce ⤧.U+2927 (NORTH WEST ARROW AND NORTH EAST ARROW). Supplemental Arrows-B block (U+2900–U+297F). Hex 2927, decimal 10535. Named entity: ⤧.⤧, ⤧, or ⤧) go directly in markup. The CSS escape \2927 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+2927 and is the most readable option in source markup.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, and more.
About the author
8 people found this page helpful