HTML Entity for North West Arrow to Corner (⇱)
What You'll Learn
How to display the north west arrow to corner (⇱) in HTML using hexadecimal, decimal, and CSS escape methods. This directional symbol shows a north-west arrow pointing toward a corner and is useful for navigation UI, maps, and design elements that reference corner directions or page corners.
This character is U+21F1 (NORTH WEST ARROW TO CORNER) in the Arrows block (U+2190–U+21FF). Render it with ⇱, ⇱, or CSS escape \21F1. There is no named HTML entity.
⚡ Quick Reference — North West Arrow to Corner
U+21F1Arrows block
⇱Hexadecimal reference
⇱Decimal reference
—No named entity
Name Value
──────────── ──────────
Unicode U+21F1
Hex code ⇱
HTML code ⇱
Named entity (none)
CSS code \21F1
Meaning North west arrow to corner
Related U+2196 = North west (↖, ↖)
U+21F2 = NE to corner (⇲)
U+21B8 = NW 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: "\21F1";
}
</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 corner (⇱) is supported in all modern browsers:
👀 Live Preview
See ⇱ in navigation and directional contexts:
🧠 How It Works
Hexadecimal Code
⇱ uses the Unicode hexadecimal value 21F1 to display the north-west arrow to corner symbol.
Decimal HTML Code
⇱ uses the decimal Unicode value 8689 to display the same character.
CSS Entity
\21F1 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+21F1 is in the Arrows block (U+2190–U+21FF). There is no named HTML entity.
Use Cases
The north west arrow to corner (⇱) is commonly used in:
Indicate directions toward the top-left corner on maps and signage.
Reference page corners, corner panels, or top-left placement in UI labels.
Technical diagrams where flow points toward a corner or boundary reference.
Directional graphics, icons, and visual design with corner-pointing arrows.
Unicode charts, arrow references, and HTML entity tutorials.
Indoor navigation and legend keys for corner-direction indicators.
💡 Best Practices
Do
- Use numeric references (
⇱or⇱) in HTML for portability - Use
\21F1in CSScontentwhen inserting via pseudo-elements - Pair ⇱ with accessible text (e.g. “top-left corner” or
aria-label) - Distinguish ⇱ from plain ↖ (
↖) when the corner reference matters - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Put the CSS escape
\21F1directly in HTML text nodes - Use padded Unicode notation like U+021F1—the correct value is
U+21F1 - Use
\021F1in CSS—the correct escape is\21F1 - Confuse ⇱ with ⇲ (north-east arrow to corner)
- 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
\21F1Unicode U+21F1 — NORTH WEST ARROW TO CORNER
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 \21F1 in CSS content. All produce ⇱. There is no named HTML entity.U+21F1 (NORTH WEST ARROW TO CORNER). Arrows block (U+2190–U+21FF). Hex 21f1, decimal 8689.⇱ or ⇱) go in markup. The CSS escape \21F1 goes in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, and more.
About the author
8 people found this page helpful