HTML Entity for North West Arrow to Long Bar (↸)

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

What Is the North West Arrow to Long Bar Entity?

North west arrow to long bar (↸) is the Arrows-block character at Unicode U+21B8. It shows an NW arrow aimed at a long bar — useful for toolbars, rulers, and UI markers. There is no named HTML entity; use hex, decimal, UTF-8, or CSS.

Remember
Character     ↸
Unicode       U+21B8
Named entity  none
Hex entity    ↸
Decimal       ↸
CSS escape    \21B8

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\21B8Stylesheet 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: "\21B8"
Plain NW arrow (no bar)↖ (↖)
NW double arrow instead⇖ (U+21D6)

Live Preview

Bar arrow rendered in common contexts.

Glyph ↸
Large glyph ↸
In a sentence Follow ↸ toward the bar above
With entities Hex: ↸ | Decimal: ↸ | Named: none
Related arrows ↖ (↖) · ⇱ (to corner) · ⇖ (⇖)

Complete HTML Example

One page that shows the bar 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 Long Bar (↸) in HTML</title>
  <style>
    #point::after {
      content: "\21B8";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21B8;</p>
  <p>Using Decimal: &#8632;</p>
  <p>Using Direct Character: ↸</p>
  <p id="point">Using CSS Entity: </p>
  <p>Example: Follow &#x21B8; toward the bar above</p>
</body>
</html>
Try It Yourself

How It Works

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

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

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

4. CSS: use \21B8 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 &nwlongbar;.

Pitfalls & Tips

Common mistakes when working with this arrow entity.

No name

Do not invent a named entity

There is no &…; name for U+21B8. Use &#x21B8; or &#8632;.

Not plain

Not ↖ alone

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

Not double

Not ⇖ (&nwArr;)

The NW double arrow is a different character with a named entity. Do not swap U+21B8 and U+21D6.

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

\21B8 belongs in CSS. &#x21B8; / &#8632; belong in HTML.

Semicolon

End references

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

Browser Support

North west arrow to long bar (U+21B8) and its entity forms (&#x21B8;, &#8632;, CSS \\21B8) are supported in all mainstream browsers. Glyph availability depends on the font.

✓ Universal support

NW Arrow to Long Bar (&#x21B8;)

Prefer &#x21B8;, 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+21B8 / entities Full support

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

Key Takeaways

  • Unicode: NW arrow to long bar is U+21B8 (decimal 8632), Arrows block.
  • HTML: no named entity — use &#x21B8; or &#8632;.
  • CSS: use \21B8 inside content for generated text.
  • Meaning: NW toward a long bar — not plain ↖ and not &nwArr;.

One line: U+21B8 → &#x21B8; / &#8632; / CSS \21B8 (no named entity).

Frequently Asked Questions

Use &#x21B8; (hex), &#8632; (decimal), type ↸ in UTF-8, or the CSS escape \21B8 in content. There is no named HTML entity for U+21B8.
U+21B8 (NORTH WEST ARROW TO LONG BAR). Hex 21B8, decimal 8632. It belongs to the Arrows block and shows an NW arrow aimed at a long bar.
No. HTML5 does not define a named entity for this character. Prefer &#x21B8; or &#8632;, or paste ↸ in a UTF-8 document.
Use it for UI, diagrams, or docs that point toward a horizontal bar from the north-west. Prefer &#x21B8; for portable markup. For a plain NW arrow, use &nwarr; (U+2196). For a double NW arrow, use &nwArr; (U+21D6).
HTML numeric entities (&#8632; or &#x21B8;) go in markup. The CSS escape \21B8 is used in stylesheets (usually in the content property of ::before/::after). Both render ↸.
↖ (U+2196, &nwarr;) is a plain north-west arrow. U+21D6 (&nwArr;) is the north-west double arrow. U+21B8 points NW toward a long bar — do not substitute another arrow.

Did you know?

North west arrow to long bar (↸) is Unicode U+21B8 (decimal 8632) — NORTH WEST ARROW TO LONG BAR in the Arrows block. There is no named HTML entity; use &#x21B8;, &#8632;, UTF-8 ↸, or CSS \21B8.

Next: North West Double Arrow

Learn the HTML entity for the north-west double arrow — the next character in this entity sequence.

NW double 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