HTML Entity for Down Dashed Arrow (⇣)
What You'll Learn
How to display the Down Dashed Arrow (⇣) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+21E3 (DOWNWARDS DASHED ARROW) in the Arrows block (U+2190–U+21FF)—a downward arrow drawn with a dashed or broken line style, often used in UI, navigation menus, and as a softer visual cue for scroll or expand.
Render it with ⇣, ⇣, or CSS escape \21E3. There is no named HTML entity for this symbol. For a solid down arrow use ↓ (↓, U+2193).
⚡ Quick Reference — Down Dashed Arrow
U+21E3Arrows block
⇣Hexadecimal reference
⇣Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+21E3
Hex code ⇣
HTML code ⇣
Named entity (none)
CSS code \21E3
Related U+2193 = Down arrow (↓); U+21B3 = Tip rightComplete HTML Example
This example demonstrates the Down Dashed Arrow (⇣) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\21E3";
}
</style>
</head>
<body>
<p>Down Dashed Arrow using Hexadecimal: ⇣</p>
<p>Down Dashed Arrow using HTML Code: ⇣</p>
<p id="point">Down Dashed Arrow using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+21E3 is widely supported in modern browsers when rendered with a font that includes Arrows:
👀 Live Preview
See the Down Dashed Arrow (⇣) in UI and navigation contexts:
🧠 How It Works
Hexadecimal Code
⇣ uses the Unicode hexadecimal value 21E3 to display the Down Dashed Arrow. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇣ uses the decimal Unicode value 8675 to display the same character.
CSS Entity
\21E3 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce: ⇣. Unicode U+21E3. No named HTML entity—use numeric codes in markup. Serve HTML as UTF-8.
Use Cases
The Down Dashed Arrow (⇣) is commonly used in:
Softer or dashed down indicators in buttons, menus, and controls.
Scroll down, expand, or “more below” in nav and headers with a dashed style.
Signal scroll down or continue reading with a less emphatic dashed arrow.
Optional or secondary flow downward with a dashed arrow.
Document UI behavior (scroll, expand down) in design systems.
Hint at scroll or down movement with a distinct dashed symbol when paired with labels.
💡 Best Practices
Do
- Use
⇣or⇣consistently in markup - Add
aria-labelwhen the symbol means scroll down or expand - Pair ⇣ with a tooltip or label when meaning may not be obvious
- Use
\21E3in CSS::before/::afterfor scroll or expand icons - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Expect a named entity—none exists for U+21E3
- Confuse ⇣ (dashed) with ↓ (
↓, solid down) - Put CSS escape
\21E3in HTML text nodes - Rely on the symbol alone in accessibility-critical UIs
- Assume decorative fonts include all Arrows glyphs
Key Takeaways
Two HTML numeric references render ⇣
⇣ ⇣For CSS stylesheets, use the escape in the content property
\21E3Unicode U+21E3 — DOWNWARDS DASHED ARROW
No named HTML entity—numeric codes only
Three methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
⇣ (hex), ⇣ (decimal), or \21E3 in CSS content. There is no named entity. All produce ⇣.U+21E3 (DOWNWARDS DASHED ARROW). Arrows block (U+2190–U+21FF). Hex 21E3, decimal 8675. A downward arrow drawn with a dashed line style.⇣ or ⇣) go in markup. The CSS escape \21E3 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.⇣ or ⇣ in HTML.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful