HTML Entity for Down Double Arrow (⇓)

What You'll Learn
How to display the Down Double Arrow (⇓) in HTML using hexadecimal, decimal, the named entity ⇓, and CSS escape methods. This character is U+21D3 (DOWNWARDS DOUBLE ARROW) in the Arrows block (U+2190–U+21FF)—a double-line downward arrow used for navigation, visual cues, UI emphasis, logic notation, and sort descending indicators.
Render it with ⇓, ⇓, ⇓, or CSS escape \21D3. For a single-line down arrow use ↓ (↓, U+2193). For a dashed down arrow use ⇣ (U+21E3).
⚡ Quick Reference — Down Double Arrow
U+21D3Arrows block
⇓Hexadecimal reference
⇓Decimal reference
⇓HTML5 named entity for U+21D3
Name Value
──────────── ──────────
Unicode U+21D3
Hex code ⇓
HTML code ⇓
Named entity ⇓
CSS code \21D3
Related U+2193 = Down arrow (↓); U+21E3 = Dashed downComplete HTML Example
This example demonstrates the Down Double Arrow (⇓) using hexadecimal code, decimal HTML code, the named entity ⇓, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\21D3";
}
</style>
</head>
<body>
<p>Down Double Arrow using Hexadecimal: ⇓</p>
<p>Down Double Arrow using HTML Code: ⇓</p>
<p>Down Double Arrow using HTML Entity: ⇓</p>
<p id="point">Down Double Arrow using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+21D3 is widely supported in modern browsers when rendered with a font that includes Arrows:
👀 Live Preview
See the Down Double Arrow (⇓) in navigation and UI contexts:
🧠 How It Works
Hexadecimal Code
⇓ uses the Unicode hexadecimal value 21D3 to display the Down Double Arrow. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇓ uses the decimal Unicode value 8659 to display the same character.
Named HTML Entity
⇓ is the HTML5 named entity for U+21D3 (downwards double arrow). It is easy to read in source and resolves to ⇓.
CSS Entity
\21D3 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+21D3. Single down: ↓ (↓). Serve HTML as UTF-8.
Use Cases
The Down Double Arrow (⇓) is commonly used in:
Scroll down, expand, or “more below” in menus, headers, and links.
Signal scroll down, continue reading, or emphasis on downward action.
Buttons, sort controls (descending), and interactive features.
Logical implication downward or entailment in formal logic and math.
Indicate sort Z–A or descending order in tables and data grids.
Hint at scroll or down movement when paired with labels or aria-label.
💡 Best Practices
Do
- Use
⇓for readable markup, or⇓/⇓ - Add
aria-labelwhen the symbol means sort descending or scroll down - Pair ⇓ with a tooltip or label when meaning may not be obvious
- Use
\21D3in CSS::before/::afterfor sort or scroll icons - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse
⇓(⇓) with↓(↓, single down) - Confuse ⇓ (double) with ⇣ (dashed down, no named entity)
- Put CSS escape
\21D3in HTML text nodes - Rely on the symbol alone in accessibility-critical UIs
- Assume decorative fonts include all Arrows glyphs
Key Takeaways
Named entity available: ⇓
⇓ ⇓For CSS stylesheets, use the escape in the content property
\21D3Unicode U+21D3 — DOWNWARDS DOUBLE ARROW
Not the same as single down: ↓ via ↓ (U+2193)
Four methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
⇓ (hex), ⇓ (decimal), ⇓ (named entity), or \21D3 in CSS content. All produce ⇓.U+21D3 (DOWNWARDS DOUBLE ARROW). Arrows block (U+2190–U+21FF). Hex 21D3, decimal 8659. A double-line downward arrow.⇓ is easier to read in source than ⇓ or ⇓, but all produce ⇓. The CSS escape \21D3 is used in stylesheets in the content property of pseudo-elements.⇓ is the Down Double Arrow (⇓, U+21D3)—a double-line arrow. The single down arrow (↓, U+2193, ↓) is a single-line arrow. They look similar but are different Unicode glyphs; the double arrow is often used for stronger emphasis or in logic.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
8 people found this page helpful
