HTML Entity for South West Double Arrow (⇙)
What You'll Learn
How to display the South West Double Arrow (⇙) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+21D9 (SOUTH WEST DOUBLE ARROW) in the Arrows block (U+2190–U+21FF)—a double-line directional arrow pointing toward the south-west.
Render it with ⇙, ⇙, ⇙, or CSS \21D9. Distinct from the single-line South West Arrow (↙, ↙).
⚡ Quick Reference — South West Double Arrow
U+21D9Arrows block
⇙Hexadecimal reference
⇙Decimal reference
⇙Most readable option
Name Value
──────────── ──────────
Unicode U+21D9
Hex code ⇙
HTML code ⇙
Named entity ⇙
CSS code \21D9
Style Double-line arrow
Related U+2199 = south west arrow (↙, ↙)
Block Arrows (U+2190–U+21FF)Complete HTML Example
A simple example showing ⇙ using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\21D9";
}
</style>
</head>
<body>
<p>Double arrow (named): ⇙</p>
<p>Double arrow (hex): ⇙</p>
<p>Double arrow (decimal): ⇙</p>
<p id="point">Double arrow (CSS): </p>
</body>
</html>🌐 Browser Support
The South West Double Arrow (⇙) is supported in all modern browsers when fonts include Arrows characters:
👀 Live Preview
See the double arrow in navigation and UI contexts:
🧠 How It Works
Named HTML Entity
⇙ is the semantic named entity for the south-west double arrow—the most readable option in source HTML.
Hexadecimal Code
⇙ uses Unicode hexadecimal 21D9 to display ⇙ in HTML markup.
Decimal HTML Code
⇙ uses decimal Unicode value 8665 for the same character.
CSS Entity
\21D9 is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ⇙. Unicode U+21D9 in the Arrows block (U+2190–U+21FF).
Use Cases
The South West Double Arrow (⇙) commonly appears in:
Maps and guides emphasizing south-west direction with a bold double arrow.
Buttons for fast scroll, jump, or strong directional emphasis.
Diagrams distinguishing double-line from single-line arrow flows.
Technical docs with double-arrow directional notation.
Layouts needing heavier or emphasized south-west arrow glyphs.
Data views with emphasized downward-diagonal trend indicators.
💡 Best Practices
Do
- Use
⇙for readable source markup - Distinguish ⇙ (double) from ↙ (single,
↙) - Add
aria-labelwhen the symbol is the only control label - Pick one entity style (named, hex, or decimal) per project
- Test rendering across browsers and devices
Don’t
- Confuse
⇙(double, U+21D9) with↙(single, U+2199) - Use padded Unicode notation like U+021D9—the correct value is
U+21D9 - Put CSS escape
\21D9in HTML text nodes - Rely on the glyph alone without context for accessibility
- Mix entity styles randomly in one file
Key Takeaways
Four HTML/CSS references all render ⇙
⇙ ⇙ ⇙For CSS stylesheets, use \21D9 in the content property
Unicode U+21D9 — SOUTH WEST DOUBLE ARROW (⇙)
⇙ is double-line; ↙ is single-line (U+2199)
Previous: SW Arrow NW Arrow Next: Spacing Cedilla
❓ Frequently Asked Questions
⇙ (named), ⇙ (hex), ⇙ (decimal), or \21D9 in CSS content. All four render ⇙.U+21D9 (SOUTH WEST DOUBLE ARROW). Arrows block (U+2190–U+21FF). Hex 21D9, decimal 8665.⇙ renders ⇙ (U+21D9, double-line south-west arrow). ↙ renders ↙ (U+2199, single-line south-west arrow). They are different characters.⇙, ⇙, or ⇙) go in markup. The CSS escape \21D9 is used in stylesheets, typically in the content property of ::before or ::after. 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