HTML Entity for North West Arrow to Long Bar (↸)
What You'll Learn
How to display the north west arrow to long bar (↸) in HTML using hexadecimal, decimal, and CSS escape methods. This directional symbol shows a north-west arrow pointing toward a long bar and is useful for navigation UI, maps, and design elements that reference horizontal lines or bar targets.
This character is U+21B8 (NORTH WEST ARROW TO LONG BAR) in the Arrows block (U+2190–U+21FF). Render it with ↸, ↸, or CSS escape \21B8. There is no named HTML entity.
⚡ Quick Reference — North West Arrow to Long Bar
U+21B8Arrows block
↸Hexadecimal reference
↸Decimal reference
—No named entity
Name Value
──────────── ──────────
Unicode U+21B8
Hex code ↸
HTML code ↸
Named entity (none)
CSS code \21B8
Meaning North west arrow to long bar
Related U+2196 = North west (↖, ↖)
U+21F1 = NW to corner (⇱)
U+21B9 = NE to long bar (↹)
Block Arrows (U+2190–U+21FF)Complete HTML Example
A simple example showing ↸ using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\21B8";
}
</style>
</head>
<body>
<p>Symbol (hex): ↸</p>
<p>Symbol (decimal): ↸</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The north west arrow to long bar (↸) is supported in all modern browsers:
👀 Live Preview
See ↸ in navigation and directional contexts:
🧠 How It Works
Hexadecimal Code
↸ uses the Unicode hexadecimal value 21B8 to display the north-west arrow to long bar symbol.
Decimal HTML Code
↸ uses the decimal Unicode value 8632 to display the same character.
CSS Entity
\21B8 is used in CSS stylesheets, typically in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce: ↸. Unicode U+21B8 is in the Arrows block (U+2190–U+21FF). There is no named HTML entity.
Use Cases
The north west arrow to long bar (↸) is commonly used in:
Indicate directions toward a horizontal bar or line on maps and signage.
Reference toolbar areas, horizontal dividers, or bar-shaped UI targets.
Technical diagrams where flow points toward a long bar or boundary line.
Directional graphics, icons, and visual design with bar-pointing arrows.
Unicode charts, arrow references, and HTML entity tutorials.
Legend keys for routes pointing toward horizontal reference markers.
💡 Best Practices
Do
- Use numeric references (
↸or↸) in HTML for portability - Use
\21B8in CSScontentwhen inserting via pseudo-elements - Pair ↸ with accessible text (e.g. “to long bar” or
aria-label) - Distinguish ↸ from plain ↖ (
↖) when the bar reference matters - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse this symbol with the north west double arrow ⇖ (
⇖) - Put the CSS escape
\21B8directly in HTML text nodes - Use padded Unicode notation like U+021B8—the correct value is
U+21B8 - Use
\021B8in CSS—the correct escape is\21B8 - Rely on the glyph alone for screen-reader users without a text alternative
Key Takeaways
Three references render ↸ (no named entity)
↸ ↸For CSS stylesheets, use the escape in the content property
\21B8Unicode U+21B8 — NORTH WEST ARROW TO LONG BAR
Arrows block (U+2190–U+21FF)
No named entity—use numeric codes or UTF-8 literal in source files
❓ Frequently Asked Questions
↸ (hex), ↸ (decimal), or \21B8 in CSS content. All produce ↸. There is no named HTML entity.U+21B8 (NORTH WEST ARROW TO LONG BAR). Arrows block (U+2190–U+21FF). Hex 21b8, decimal 8632.↸ or ↸) go in markup. The CSS escape \21B8 goes in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.⇖)—a different symbol with a named entity.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, and more.
About the author
8 people found this page helpful