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

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

What You'll Learn

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

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

⚡ Quick Reference — NW and SE Arrow

Unicode U+2921

Supplemental Arrows-B

Hex Code ⤡

Hexadecimal reference

HTML Code ⤡

Decimal reference

Named Entity

No named entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2921
Hex code       ⤡
HTML code      ⤡
Named entity   (none)
CSS code       \2921
Meaning        North west arrow and south east arrow
Related        U+2196 = North west (↖, ↖)
               U+2198 = South east (↘, ↘)
               U+2922 = NE and SW (⤢)
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: "\2921";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x2921;</p>
<p>Symbol (decimal): &#10529;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The north west arrow and south east 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 west and south east.
Large glyph
With base arrows ↖ ↘ ⤡
Map legend Diagonal axis ⤡   Cardinal ↑→↓←
Numeric refs &#x2921; &#10529; \2921

🧠 How It Works

1

Hexadecimal Code

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

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

\2921 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+2921 is in Supplemental Arrows-B (U+2900–U+297F). There is no named HTML entity.

Use Cases

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

🗺 Maps & navigation

Show diagonal NW–SE 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-west and south-east directional flow.

📄 Documentation

Unicode charts, arrow references, and HTML entity tutorials.

🎯 Wayfinding

Legend keys for routes along the NW–SE diagonal axis.

💡 Best Practices

Do

  • Use numeric references (&#x2921; or &#10529;) in HTML for portability
  • Use \2921 in CSS content when inserting via pseudo-elements
  • Pair ⤡ with accessible text (e.g. “north west or south east” 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 \2921 directly in HTML text nodes
  • Use padded Unicode notation like U+02921—the correct value is U+2921
  • Use \02921 in CSS—the correct escape is \2921
  • Confuse ⤡ with ⤢ (NE and SW) 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)

&#x2921; &#10529;
2

For CSS stylesheets, use the escape in the content property

\2921
3

Unicode U+2921 — NORTH WEST ARROW AND SOUTH EAST 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 &#x2921; (hex), &#10529; (decimal), or \2921 in CSS content. All produce ⤡. There is no named HTML entity.
U+2921 (NORTH WEST ARROW AND SOUTH EAST ARROW). Supplemental Arrows-B block (U+2900–U+297F). Hex 2921, decimal 10529.
In navigation UI, maps, compass-style indicators, and design elements where you need a single glyph representing both north-west and south-east diagonal directions along the same axis.
HTML references (&#10529; or &#x2921;) go in markup. The CSS escape \2921 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+2921 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