HTML Entity for South East Arrow (↘)
What You'll Learn
How to display the South East Arrow (↘) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+2198 (SOUTH EAST ARROW) in the Arrows block (U+2190–U+21FF)—a diagonal arrow pointing toward the south-east direction.
Render it with ↘, ↘, ↘, or CSS \2198. Ideal for navigation UI, directional labels, flowcharts, and technical documentation.
⚡ Quick Reference — South East Arrow
U+2198Arrows block
↘Hexadecimal reference
↘Decimal reference
↘Most readable option
Name Value
──────────── ──────────
Unicode U+2198
Hex code ↘
HTML code ↘
Named entity ↘
CSS code \2198
Direction South-east (↘)
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: "\2198";
}
</style>
</head>
<body>
<p>South-east arrow (named): ↘</p>
<p>South-east arrow (hex): ↘</p>
<p>South-east arrow (decimal): ↘</p>
<p id="point">South-east arrow (CSS): </p>
</body>
</html>🌐 Browser Support
The South East Arrow (↘) is supported in all modern browsers when fonts include Arrows characters:
👀 Live Preview
See the South East Arrow in navigation and UI contexts:
🧠 How It Works
Named HTML Entity
↘ is the semantic named entity for the south-east arrow—the most readable option in source HTML.
Hexadecimal Code
↘ uses Unicode hexadecimal 2198 to display ↘ in HTML markup.
Decimal HTML Code
↘ uses decimal Unicode value 8600 for the same character.
CSS Entity
\2198 is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ↘. Unicode U+2198 in the Arrows block (U+2190–U+21FF).
Use Cases
The South East Arrow (↘) commonly appears in:
Menus, maps, and directional guides indicating south-east movement.
Buttons, expand/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+02198—the correct value is
U+2198 - Put CSS escape
\2198in 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 \2198 in the content property
Unicode U+2198 — SOUTH EAST ARROW (↘)
Prefer ↘ for readability in HTML source
Previous: Sound Recording Copyright Next: South East Arrow Crossing North East Arrow
❓ Frequently Asked Questions
↘ (named), ↘ (hex), ↘ (decimal), or \2198 in CSS content. All four render ↘.U+2198 (SOUTH EAST ARROW). Arrows block (U+2190–U+21FF). Hex 2198, decimal 8600.↘ 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 \2198 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, math operators, and more.
About the author
8 people found this page helpful