HTML Entity for South West Arrow (↙)
What You'll Learn
How to display the South West Arrow (↙) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+2199 (SOUTH WEST ARROW) in the Arrows block (U+2190–U+21FF)—a diagonal arrow pointing toward the south-west direction.
Render it with ↙, ↙, ↙, or CSS \2199. Ideal for navigation UI, directional labels, flowcharts, and technical documentation.
⚡ Quick Reference — South West Arrow
U+2199Arrows block
↙Hexadecimal reference
↙Decimal reference
↙Most readable option
Name Value
──────────── ──────────
Unicode U+2199
Hex code ↙
HTML code ↙
Named entity ↙
CSS code \2199
Direction South-west (↙)
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: "\2199";
}
</style>
</head>
<body>
<p>South-west arrow (named): ↙</p>
<p>South-west arrow (hex): ↙</p>
<p>South-west arrow (decimal): ↙</p>
<p id="point">South-west arrow (CSS): </p>
</body>
</html>🌐 Browser Support
The South West Arrow (↙) is supported in all modern browsers when fonts include Arrows characters:
👀 Live Preview
See the South West Arrow in navigation and UI contexts:
🧠 How It Works
Named HTML Entity
↙ is the semantic named entity for the south-west arrow—the most readable option in source HTML.
Hexadecimal Code
↙ uses Unicode hexadecimal 2199 to display ↙ in HTML markup.
Decimal HTML Code
↙ uses decimal Unicode value 8601 for the same character.
CSS Entity
\2199 is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ↙. Unicode U+2199 in the Arrows block (U+2190–U+21FF).
Use Cases
The South West Arrow (↙) commonly appears in:
Menus, maps, and directional guides indicating south-west movement.
Buttons, collapse controls, and scroll hints in web apps.
Diagrams and process flows that need diagonal directional arrows.
Technical docs, API references, and developer guides with directional notation.
Layouts, hero sections, and visual elements with directional cues.
Admin panels and data views showing trend or movement direction.
💡 Best Practices
Do
- Use
↙for readable source markup - Add
aria-labelwhen the arrow is the only control label - Pair ↙ with text for scroll or navigation hints
- Pick one entity style (named, hex, or decimal) per project
- Test arrow rendering across browsers and devices
Don’t
- Use padded Unicode notation like U+02199—the correct value is
U+2199 - Put CSS escape
\2199in HTML text nodes - Confuse ↙ with other diagonal arrows (↖, ↗, ↘)
- Rely on the arrow alone without context for accessibility
- Mix entity styles randomly in one file
Key Takeaways
Four HTML/CSS references all render ↙
↙ ↙ ↙For CSS stylesheets, use \2199 in the content property
Unicode U+2199 — SOUTH WEST ARROW (↙)
Prefer ↙ for readability in HTML source
Previous: South East Double Arrow Next: South West Arrow Hook
❓ Frequently Asked Questions
↙ (named), ↙ (hex), ↙ (decimal), or \2199 in CSS content. All four render ↙.U+2199 (SOUTH WEST ARROW). Arrows block (U+2190–U+21FF). Hex 2199, decimal 8601.↙ is more readable in source markup. Numeric codes (↙ or ↙) are explicit and work everywhere. Both produce the same glyph (↙).↙, ↙, or ↙) go in markup. The CSS escape \2199 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