HTML Entity for North West Double Arrow (⇖)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+21D6

What Is the North West Double Arrow Entity?

North west double arrow (⇖) is the Arrows character at Unicode U+21D6 (NORTH WEST DOUBLE ARROW). It is a thick/double-stroke diagonal up-left arrow — useful for stronger UI and map cues. HTML5 provides the named entity ⇖ (capital A).

Remember
Character     ⇖
Unicode       U+21D6
Named entity  ⇖  (capital A)
Hex entity    ⇖
Decimal       ⇖
CSS escape    \21D6

All of these produce the same glyph: ⇖. Prefer ⇖ for readable HTML; paste ⇖ in UTF-8 when convenient.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity⇖HTML markup (capital A)
Hex entity⇖HTML markup
Decimal entity⇖HTML markup
Direct character⇖HTML text (UTF-8 default)
CSS escape\21D6Stylesheet content

When to Use Which

SituationUse
Readable double arrow in HTML⇖
UTF-8 UI or map textType or paste ⇖
Numeric entity required⇖ or ⇖
Generated text via ::before / ::aftercontent: "\21D6"
Thin single NW arrow instead↖ (↖)

Live Preview

North west double arrow rendered in common contexts.

Glyph ⇖
Large glyph ⇖
In a sentence Go back ⇖ · Previous ⇖
With entities Named: ⇖ | Hex: ⇖ | Decimal: ⇖
Related arrows ↖ (↖) · ⇗ (⇗) · ↸

Complete HTML Example

One page that shows the north west double arrow with named, hex, decimal, direct, and CSS forms. Use View Output or open the live editor.

Named + Hex + Decimal + Direct + CSS

Five ways to produce ⇖ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>North West Double Arrow (⇖) in HTML</title>
  <style>
    #point::after {
      content: "\21D6";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &nwArr;</p>
  <p>Using Hex Code: &#x21D6;</p>
  <p>Using Decimal: &#8662;</p>
  <p>Using Direct Character: ⇖</p>
  <p id="point">Using CSS Entity: </p>
  <p>Example: Go back &nwArr; &nbsp; Previous &nwArr;</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &nwArr; (capital A) is the clearest HTML form for U+21D6.

2. Hex: U+21D6 → &#x21D6; in HTML. Reliable numeric form.

3. Decimal: same code point as 8662 → &#8662;. Same glyph.

4. Direct: paste ⇖ in a UTF-8 file with <meta charset="UTF-8">.

5. CSS: use \21D6 in content (not an HTML entity). #point::after appends that ⇖ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with this arrow entity.

Case

&nwArr; ≠ &nwarr;

Capital A → double arrow U+21D6. Lowercase → single arrow U+2196. Named entities are case-sensitive.

Weight

Double vs single stroke

Use &nwArr; when you want a heavier NW cue. Use &nwarr; for a thin line.

Not bar

Not ↸

U+21B8 is NW arrow to long bar (no named entity). &nwArr; is the double stroke — different symbols.

Accessibility

Do not rely on the glyph alone

If the arrow conveys action, add visible or aria-label text so screen readers get the meaning.

CSS vs HTML

Do not mix escapes

\21D6 belongs in CSS. &nwArr; / &#x21D6; / &#8662; belong in HTML.

Semicolon

End references

Always finish with ; — write &nwArr;, not &nwArr.

Browser Support

North west double arrow (U+21D6) and its entity forms (&nwArr;, &#x21D6;, &#8662;, CSS \\21D6) are supported in all mainstream browsers. Glyph availability depends on the font.

✓ Universal support

North West Double Arrow (&#x21D6;)

Prefer &nwArr;, or encode with hex, decimal, or CSS escape — same glyph everywhere.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+21D6 / entities Full support

Bottom line: Prefer &nwArr; (capital A) in HTML. Use &#x21D6; / &#8662; when a numeric form is required, and \\21D6 only inside CSS content.

Key Takeaways

  • Unicode: north west double arrow is U+21D6 (decimal 8662), Arrows block.
  • HTML: prefer &nwArr; (capital A), or &#x21D6; / &#8662;.
  • CSS: use \21D6 inside content for generated text.
  • Watch case: &nwarr; is the single arrow ↖ — different character.

One line: U+21D6 → &nwArr; / &#x21D6; / &#8662; / CSS \21D6.

Frequently Asked Questions

Use &nwArr; (named — capital A), &#x21D6; (hex), &#8662; (decimal), type ⇖ in UTF-8, or the CSS escape \21D6 in content. All render ⇖.
U+21D6 (NORTH WEST DOUBLE ARROW). Hex 21D6, decimal 8662. It belongs to the Arrows block and is a thick/double-stroke diagonal up-left arrow.
Yes. HTML5 defines &nwArr; (note the capital A). You can also use &#8662; or &#x21D6;. &nwarr; (lowercase) is a different character: U+2196.
Use it for stronger directional UI cues, back controls, and maps. Prefer &nwArr; for readable source. For a thin single arrow, use &nwarr; instead.
HTML entities (&nwArr;, &#8662;, or &#x21D6;) go in markup. The CSS escape \21D6 is used in stylesheets (usually in the content property of ::before/::after). Both render ⇖.
↖ (U+2196, &nwarr;) is a single-line NW arrow. ⇖ (U+21D6, &nwArr;) is the double-line version. The named entities differ only by letter case — choose carefully.

Did you know?

North west double arrow (⇖) is Unicode U+21D6 (decimal 8662) — NORTH WEST DOUBLE ARROW in the Arrows block. HTML5 provides &nwArr; (capital A). Do not confuse it with &nwarr; (U+2196), the single-line NW arrow.

Next: North West and South East Arrow

Learn the HTML entity for the NW / SE paired arrow — the next character in this entity sequence.

NW / SE arrow tutorial →

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