HTML Entity for North East Double Arrow (⇗)
What You'll Learn
How to display the north east double arrow (⇗) in HTML using named, hexadecimal, decimal, and CSS escape methods. This bold double-stroke arrow points up and to the right and is useful for navigation buttons, expand controls, and directional UI where a stronger arrow than ↗ is needed.
This character is U+21D7 (NORTH EAST DOUBLE ARROW) in the Arrows block (U+2190–U+21FF). Render it with ⇗, ⇗, ⇗, or CSS escape \21D7.
⚡ Quick Reference — North East Double Arrow Entity
U+21D7Arrows block
⇗Hexadecimal reference
⇗Decimal reference
⇗Most readable option
Name Value
──────────── ──────────
Unicode U+21D7
Hex code ⇗
HTML code ⇗
Named entity ⇗
CSS code \21D7
Meaning North east double arrow
Related U+2197 = North east (↗, ↗)
U+279A = Heavy NE (➚)
U+21D8 = SE double (⇘, ⇘)
Block Arrows (U+2190–U+21FF)Complete HTML Example
A simple example showing ⇗ using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\21D7";
}
</style>
</head>
<body>
<p>Symbol (hex): ⇗</p>
<p>Symbol (decimal): ⇗</p>
<p>Symbol (named): ⇗</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The north east double arrow (⇗) is supported in all modern browsers:
👀 Live Preview
See ⇗ in navigation and directional contexts:
🧠 How It Works
Named Entity
⇗ is the HTML named entity for U+21D7—the most readable choice when writing directional markup.
Hexadecimal Code
⇗ uses the Unicode hexadecimal value 21D7. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇗ uses the decimal Unicode value 8663 to display the same character.
CSS Entity
\21D7 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All four methods produce: ⇗. Unicode U+21D7 in the Arrows block (U+2190–U+21FF).
Use Cases
The north east double arrow (⇗) is commonly used in:
Expand panels, external links, and “open in new window” buttons.
Bold up-right direction on maps, signs, and route instructions.
Document diagonal movement with a stronger arrow than ↗.
Directional icons and graphics needing a double-stroke NE arrow.
Unicode charts, arrow references, and HTML entity tutorials.
Compare single (↗), double (⇗), and heavy (➚) NE variants.
💡 Best Practices
Do
- Use
⇗for readable directional markup - Pair ⇗ with accessible text (e.g. “expand” or
aria-label) - Distinguish ⇗ from single ↗ and heavy ➚ when meaning matters
- Use consistent arrow styling across your UI
- Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ⇗ (
⇗) with ↗ (↗) - Use padded Unicode notation like U+021D7—the correct value is
U+21D7 - Put CSS escape
\21D7in HTML text nodes - Use
\021D7in CSS—the correct escape is\21D7 - Rely on the glyph alone for screen-reader users without a text alternative
Key Takeaways
Three HTML references plus CSS all render ⇗
⇗ ⇗ ⇗For CSS stylesheets, use the escape in the content property
\21D7Unicode U+21D7 — NORTH EAST DOUBLE ARROW
Arrows block (U+2190–U+21FF)
⇗ is the preferred named entity for readable source markup
❓ Frequently Asked Questions
⇗ (named), ⇗ (hex), ⇗ (decimal), or \21D7 in CSS content. All produce ⇗.U+21D7 (NORTH EAST DOUBLE ARROW). Arrows block (U+2190–U+21FF). Hex 21D7, decimal 8663. Named entity: ⇗.⇗, ⇗, or ⇗) go directly in markup. The CSS escape \21D7 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.⇗ is the named HTML entity for U+21D7 and is the most readable option in source markup. Note the capital A in neArr.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, and more.
About the author
8 people found this page helpful