HTML Entity for South West Arrow North West Arrow (⤪)

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

What You'll Learn

How to display the South West Arrow North West Arrow (⤪) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+292A (SOUTH WEST ARROW AND NORTH WEST ARROW) in the Supplemental Arrows-B block (U+2900–U+297F)—a combined directional arrow pointing toward both south-west and north-west.

Render it with ⤪, ⤪, ⤪, or CSS \292A. Ideal for navigation UI, multi-directional labels, flowcharts, and technical documentation.

⚡ Quick Reference — SW Arrow NW Arrow

Unicode U+292A

Supplemental Arrows-B

Hex Code ⤪

Hexadecimal reference

HTML Code ⤪

Decimal reference

Named Entity ⤪

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+292A
Hex code       ⤪
HTML code      ⤪
Named entity   ⤪
CSS code       \292A
Direction      South-west and north-west
Block          Supplemental Arrows-B (U+2900–U+297F)
1

Complete HTML Example

A simple example showing ⤪ using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point::after{
   content: "\292A";
  }
 </style>
</head>
<body>
<p>Combined arrow (named): &swnwar;</p>
<p>Combined arrow (hex): &#x292A;</p>
<p>Combined arrow (decimal): &#10538;</p>
<p id="point">Combined arrow (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The combined arrow (⤪) is supported in modern browsers when fonts include Supplemental Arrows-B glyphs:

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

👀 Live Preview

See the combined arrow in navigation and diagram contexts:

Single symbol
Navigation Routes split ⤪ south-west and north-west
Diagram label Fork point ⤪ dual leftward paths
Compare arrows Simple ↙  |  Combined ⤪
Numeric refs &swnwar; &#x292A; &#10538; \292A

🧠 How It Works

1

Named HTML Entity

&swnwar; is the semantic named entity for the combined south-west and north-west arrow—the most readable option in source HTML.

HTML markup
2

Hexadecimal Code

&#x292A; uses Unicode hexadecimal 292A to display ⤪ in HTML markup.

HTML markup
3

Decimal HTML Code

&#10538; uses decimal Unicode value 10538 for the same character.

HTML markup
4

CSS Entity

\292A is used in CSS stylesheets in the content property of pseudo-elements like ::after.

CSS stylesheet
=

Same visual result

All four methods produce . Unicode U+292A in Supplemental Arrows-B (U+2900–U+297F).

Use Cases

The South West Arrow North West Arrow (⤪) commonly appears in:

🗼 Navigation

Maps and guides showing split paths toward south-west and north-west.

📱 UI elements

Buttons and icons representing dual leftward diagonal directions.

📊 Flowcharts

Diagrams with branching arrows and multi-directional flows.

📄 Documentation

Technical docs with combined directional notation.

🎨 Web design

Layouts needing specialized multi-direction arrow glyphs.

🛠 Dashboards

Data views showing diverging trends or split routes.

💡 Best Practices

Do

  • Use &swnwar; for readable source markup
  • Add aria-label when the symbol is the only control label
  • Pair ⤪ with descriptive text in diagrams and UI
  • Pick one entity style (named, hex, or decimal) per project
  • Test rendering across browsers and font stacks

Don’t

  • Use padded Unicode notation like U+0292A—the correct value is U+292A
  • Put CSS escape \292A in HTML text nodes
  • Confuse ⤪ with the simple south-west arrow ↙ (&swarr;)
  • Rely on the glyph alone without context for accessibility
  • Mix entity styles randomly in one file

Key Takeaways

1

Four HTML/CSS references all render ⤪

&swnwar; &#x292A; &#10538;
2

For CSS stylesheets, use \292A in the content property

3

Unicode U+292A — SW and NW combined arrow (⤪)

4

Prefer &swnwar; for readability in HTML source

5

Previous: SW Arrow Hook   Next: SW Double Arrow

❓ Frequently Asked Questions

Use &swnwar; (named), &#x292A; (hex), &#10538; (decimal), or \292A in CSS content. All four render ⤪.
U+292A (SOUTH WEST ARROW AND NORTH WEST ARROW). Supplemental Arrows-B (U+2900–U+297F). Hex 292A, decimal 10538.
For directional indicators, navigation icons, UI elements, flowcharts, diagrams, and technical documentation that need a combined south-west and north-west arrow.
The named entity &swnwar; is more readable in source markup. Numeric codes (&#10538; or &#x292A;) are explicit and work everywhere. Both produce the same glyph (⤪).
HTML references (&swnwar;, &#10538;, or &#x292A;) go in markup. The CSS escape \292A is used in stylesheets, typically in the content property of ::before or ::after. Same visual result, different layers of the stack.

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