HTML Entity for North East Arrow Crossing North West Arrow (⤱)
What You'll Learn
How to display the north east arrow crossing north west arrow (⤱) in HTML using hexadecimal, decimal, and CSS escape methods. This symbol shows a north-east arrow crossing a north-west arrow and is useful for maps, navigation UI, and diagrams that depict intersecting directional paths.
This character is U+2931 (NORTH EAST ARROW CROSSING NORTH WEST ARROW) in the Supplemental Arrows-B block (U+2900–U+297F). Render it with ⤱, ⤱, or CSS escape \2931. There is no named HTML entity.
⚡ Quick Reference — NE Arrow Crossing NW Arrow
U+2931Supplemental Arrows-B
⤱Hexadecimal reference
⤱Decimal reference
—No named entity
Name Value
──────────── ──────────
Unicode U+2931
Hex code ⤱
HTML code ⤱
Named entity (none)
CSS code \2931
Meaning North east arrow crossing north west arrow
Related U+2197 = North east (↗, ↗)
U+2196 = North west (↖, ↖)
U+2932 = NE crossing SE (⤲)
Block Supplemental Arrows-B (U+2900–U+297F)Complete HTML Example
A simple example showing ⤱ using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\2931";
}
</style>
</head>
<body>
<p>Symbol (hex): ⤱</p>
<p>Symbol (decimal): ⤱</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The north east arrow crossing north west arrow (⤱) is supported in all modern browsers:
👀 Live Preview
See ⤱ in navigation and directional contexts:
🧠 How It Works
Hexadecimal Code
⤱ uses the Unicode hexadecimal value 2931 to display the crossing-arrow symbol.
Decimal HTML Code
⤱ uses the decimal Unicode value 10545 to display the same character.
CSS Entity
\2931 is used in CSS stylesheets, typically in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce: ⤱. Unicode U+2931 is in Supplemental Arrows-B (U+2900–U+297F). There is no named HTML entity.
Use Cases
The north east arrow crossing north west arrow (⤱) is commonly used in:
Show intersecting or crossing directional routes on maps and signage.
Indicate crossing paths, junctions, or overlapping navigation flows.
Technical diagrams where two directional paths cross each other.
Unicode charts, arrow references, and HTML entity tutorials.
Transport, logistics, and routing content with crossing directions.
Indoor navigation, campus maps, and directional legend keys.
💡 Best Practices
Do
- Use numeric references (
⤱or⤱) in HTML for portability - Use
\2931in CSScontentwhen inserting via pseudo-elements - Pair ⤱ with accessible text (e.g. “crossing paths” or
aria-label) - Serve pages with UTF-8 (
<meta charset="utf-8">) - Distinguish ⤱ from simple arrows ↗ and ↖ when meaning matters
Don’t
- Put the CSS escape
\2931directly in HTML text nodes - Use padded Unicode notation like U+02931—the correct value is
U+2931 - Use
\02931in CSS—the correct escape is\2931 - Confuse ⤱ with ⤰ (NW crossing NE) or ⤲ (NE crossing SE)
- Rely on the glyph alone for screen-reader users without a text alternative
Key Takeaways
Three references render ⤱ (no named entity)
⤱ ⤱For CSS stylesheets, use the escape in the content property
\2931Unicode U+2931 — NORTH EAST ARROW CROSSING NORTH WEST ARROW
Supplemental Arrows-B block (U+2900–U+297F)
No named entity—use numeric codes or UTF-8 literal in source files
❓ Frequently Asked Questions
⤱ (hex), ⤱ (decimal), or \2931 in CSS content. All produce ⤱. There is no named HTML entity.U+2931 (NORTH EAST ARROW CROSSING NORTH WEST ARROW). Supplemental Arrows-B block (U+2900–U+297F). Hex 2931, decimal 10545.⤱ or ⤱) go in markup. The CSS escape \2931 goes in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, and more.
About the author
8 people found this page helpful