HTML Entity for North East Arrow and South West Arrow (⤢)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2922

What You'll Learn

How to display the north east arrow and south west arrow (⤢) in HTML using hexadecimal, decimal, and CSS escape methods. This combined diagonal symbol pairs north-east and south-west directions and is useful for navigation UI, maps, and compass-style design elements.

This character is U+2922 (NORTH EAST ARROW AND SOUTH WEST ARROW) in the Supplemental Arrows-B block (U+2900–U+297F). Render it with ⤢, ⤢, or CSS escape \2922. There is no named HTML entity.

⚡ Quick Reference — NE and SW Arrow

Unicode U+2922

Supplemental Arrows-B

Hex Code ⤢

Hexadecimal reference

HTML Code ⤢

Decimal reference

Named Entity

No named entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2922
Hex code       ⤢
HTML code      ⤢
Named entity   (none)
CSS code       \2922
Meaning        North east arrow and south west arrow
Related        U+2197 = North east (↗, ↗)
               U+2199 = South west (↙, ↙)
               U+2928 = NE and SE (⤨, ⤨)
Block          Supplemental Arrows-B (U+2900–U+297F)
1

Complete HTML Example

A simple example showing ⤢ using hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point::after{
   content: "\2922";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x2922;</p>
<p>Symbol (decimal): &#10530;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The north east arrow and south west arrow (⤢) is supported in all modern browsers:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See ⤢ in navigation and compass-style contexts:

Inline text Diagonal routes ⤢ connect north east and south west.
Large glyph
With base arrows ↗ ↙ ⤢
Map legend Diagonal axis ⤢   Cardinal ↑→↓←
Numeric refs &#x2922; &#10530; \2922

🧠 How It Works

1

Hexadecimal Code

&#x2922; uses the Unicode hexadecimal value 2922 to display the combined diagonal-arrow symbol.

HTML markup
2

Decimal HTML Code

&#10530; uses the decimal Unicode value 10530 to display the same character.

HTML markup
3

CSS Entity

\2922 is used in CSS stylesheets, typically in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All three methods produce: . Unicode U+2922 is in Supplemental Arrows-B (U+2900–U+297F). There is no named HTML entity.

Use Cases

The north east arrow and south west arrow (⤢) is commonly used in:

🗺 Maps & navigation

Show diagonal NE–SW axis routes on maps and signage.

🧭 Compass-style UI

Indicate diagonal direction pairs in compass and orientation controls.

💻 User interfaces

Branching paths, dual-direction indicators, and diagonal navigation hints.

📊 Flow diagrams

Technical diagrams spanning north-east and south-west directional flow.

📄 Documentation

Unicode charts, arrow references, and HTML entity tutorials.

🎯 Wayfinding

Legend keys for routes along the NE–SW diagonal axis.

💡 Best Practices

Do

  • Use numeric references (&#x2922; or &#10530;) in HTML for portability
  • Use \2922 in CSS content when inserting via pseudo-elements
  • Pair ⤢ with accessible text (e.g. “north east or south west” or aria-label)
  • Distinguish ⤢ from single arrows ↗ and ↙ when meaning matters
  • Serve pages with UTF-8 (<meta charset="utf-8">)

Don’t

  • Put the CSS escape \2922 directly in HTML text nodes
  • Use padded Unicode notation like U+02922—the correct value is U+2922
  • Use \02922 in CSS—the correct escape is \2922
  • Confuse ⤢ with ⤨ (NE and SE) or separate ↗/↙ arrows
  • Rely on the glyph alone for screen-reader users without a text alternative

Key Takeaways

1

Three references render ⤢ (no named entity)

&#x2922; &#10530;
2

For CSS stylesheets, use the escape in the content property

\2922
3

Unicode U+2922 — NORTH EAST ARROW AND SOUTH WEST ARROW

4

Supplemental Arrows-B block (U+2900–U+297F)

5

No named entity—use numeric codes or UTF-8 literal in source files

❓ Frequently Asked Questions

Use &#x2922; (hex), &#10530; (decimal), or \2922 in CSS content. All produce ⤢. There is no named HTML entity.
U+2922 (NORTH EAST ARROW AND SOUTH WEST ARROW). Supplemental Arrows-B block (U+2900–U+297F). Hex 2922, decimal 10530.
In navigation UI, maps, compass-style indicators, and design elements where you need a single glyph representing both north-east and south-west diagonal directions along the same axis.
HTML references (&#10530; or &#x2922;) go in markup. The CSS escape \2922 goes in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.
Supplemental Arrows-B symbols like U+2922 are not part of the named HTML entity set. Numeric references and CSS escapes are the standard way to render ⤢.

Explore More HTML Entities!

Discover 1500+ HTML character references — arrows, symbols, and more.

All HTML Entities →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful