HTML Entity for North West Arrow to Corner (⇱)

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

What Is the North West Arrow to Corner Entity?

North west arrow to corner (⇱) is the Arrows-block character at Unicode U+21F1. It shows an NW arrow aimed at a corner — useful for page corners, callouts, and UI markers. There is no named HTML entity; use hex, decimal, UTF-8, or CSS.

Remember
Character     ⇱
Unicode       U+21F1
Named entity  none
Hex entity    ⇱
Decimal       ⇱
CSS escape    \21F1

All numeric and UTF-8 forms produce the same glyph: ⇱. Prefer ⇱ for portable markup; paste ⇱ in UTF-8 when convenient.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entitynoneNot defined in HTML5
Hex entity⇱HTML markup
Decimal entity⇱HTML markup
Direct character⇱HTML text (UTF-8 default)
CSS escape\21F1Stylesheet content

When to Use Which

SituationUse
Portable HTML without pasting Unicode⇱ or ⇱
UTF-8 UI or document textType or paste ⇱
Generated text via ::before / ::aftercontent: "\21F1"
Plain NW arrow (no corner)↖ (↖)
SE corner arrow instead⇲ (U+21F2)

Live Preview

Corner arrow rendered in common contexts.

Glyph ⇱
Large glyph ⇱
In a sentence See note ⇱ in the top-left corner
With entities Hex: ⇱ | Decimal: ⇱ | Named: none
Related arrows ↖ (↖) · ⇲ (SE corner) · ↸

Complete HTML Example

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

Hex + Decimal + Direct + CSS

Four ways to produce ⇱ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>North West Arrow to Corner (⇱) in HTML</title>
  <style>
    #point::after {
      content: "\21F1";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21F1;</p>
  <p>Using Decimal: &#8689;</p>
  <p>Using Direct Character: ⇱</p>
  <p id="point">Using CSS Entity: </p>
  <p>Example: See note &#x21F1; in the top-left corner</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+21F1 → &#x21F1; in HTML. Best portable choice (no named entity).

2. Decimal: same code point as 8689 → &#8689;. Same glyph.

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

4. CSS: use \21F1 in content (not an HTML entity). #point::after appends that ⇱ after the paragraph text.

5. Named: HTML5 has none — do not invent a name like &nwcorner;.

Pitfalls & Tips

Common mistakes when working with this arrow entity.

No name

Do not invent a named entity

There is no &…; name for U+21F1. Use &#x21F1; or &#8689;.

Not plain

Not ↖ alone

&nwarr; is a plain NW arrow. This character adds a corner destination — different glyph and meaning.

Sibling

Not the same as ⇲

U+21F2 is SE arrow to corner. U+21F1 is NW to corner. Pick the code point that matches your layout.

Font

Glyph coverage varies

Some fonts omit less-common Arrows glyphs. Provide a fallback or descriptive text if the box appears empty.

CSS vs HTML

Do not mix escapes

\21F1 belongs in CSS. &#x21F1; / &#8689; belong in HTML.

Semicolon

End references

Always finish with ; — write &#x21F1;, not &#x21F1.

Browser Support

North west arrow to corner (U+21F1) and its entity forms (&#x21F1;, &#8689;, CSS \\21F1) are supported in all mainstream browsers. Glyph availability depends on the font.

✓ Universal support

NW Arrow to Corner (&#x21F1;)

Prefer &#x21F1;, or encode with decimal or CSS escape — same glyph everywhere (when the font has it).

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+21F1 / entities Full support

Bottom line: There is no named entity. Prefer &#x21F1; or &#8689; in HTML, and \\21F1 only inside CSS content.

Key Takeaways

  • Unicode: NW arrow to corner is U+21F1 (decimal 8689), Arrows block.
  • HTML: no named entity — use &#x21F1; or &#8689;.
  • CSS: use \21F1 inside content for generated text.
  • Meaning: NW toward a corner — not plain ↖ and not U+21F2.

One line: U+21F1 → &#x21F1; / &#8689; / CSS \21F1 (no named entity).

Frequently Asked Questions

Use &#x21F1; (hex), &#8689; (decimal), type ⇱ in UTF-8, or the CSS escape \21F1 in content. There is no named HTML entity for U+21F1.
U+21F1 (NORTH WEST ARROW TO CORNER). Hex 21F1, decimal 8689. It belongs to the Arrows block and shows an NW arrow aimed at a corner.
No. HTML5 does not define a named entity for this character. Prefer &#x21F1; or &#8689;, or paste ⇱ in a UTF-8 document.
Use it for UI, maps, or docs that point to a top-left (north-west) corner. Prefer &#x21F1; for portable markup. For a plain NW arrow without the corner cue, use &nwarr; (U+2196).
HTML numeric entities (&#8689; or &#x21F1;) go in markup. The CSS escape \21F1 is used in stylesheets (usually in the content property of ::before/::after). Both render ⇱.
↖ (U+2196, &nwarr;) is a plain north-west arrow. U+21F2 is south-east arrow to corner. U+21F1 specifically points NW toward a corner — do not substitute another arrow.

Did you know?

North west arrow to corner (⇱) is Unicode U+21F1 (decimal 8689) — NORTH WEST ARROW TO CORNER in the Arrows block. There is no named HTML entity; use &#x21F1;, &#8689;, UTF-8 ⇱, or CSS \21F1.

Next: North West Arrow to Long Bar

Learn the HTML entity for the NW arrow to long bar — the next character in this entity sequence.

NW arrow to long bar 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