HTML Entity for Up Down Double Arrow (⇕)
What You'll Learn
How to display the Up Down Double Arrow (⇕) in HTML using hexadecimal, decimal, the named entity ⇕, and CSS escape methods. This character is U+21D5 (UP DOWN DOUBLE ARROW) in the Arrows block (U+2190–U+21FF)—a stacked double bidirectional vertical arrow used for toggles, expand/collapse controls, and emphasized vertical navigation.
Render it with ⇕, ⇕, ⇕, or CSS escape \21D5. Do not confuse ⇕ (U+21D5, double) with ↕ (U+2195, single up down arrow) or ⇑ (U+21D1, up double arrow).
⚡ Quick Reference — Up Down Double Arrow
U+21D5Arrows block
⇕Hexadecimal reference
⇕Decimal reference
⇕HTML5 named entity for U+21D5
Name Value
──────────── ──────────
Unicode U+21D5
Hex code ⇕
HTML code ⇕
Named entity ⇕
CSS code \21D5
Official name UP DOWN DOUBLE ARROW
Related U+2195 = Up down arrow (↕); U+21D1 = Up double arrow (⇑)
Block Arrows (U+2190–U+21FF)Complete HTML Example
A simple example showing ⇕ with hex, decimal, named entity, and CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\21D5";
}
</style>
</head>
<body>
<p>Double Up Down (hex): ⇕</p>
<p>Double Up Down (decimal): ⇕</p>
<p>Double Up Down (entity): ⇕</p>
<p id="point">Double Up Down (CSS): </p>
</body>
</html>🌐 Browser Support
U+21D5 is widely supported in modern browsers when rendered with a font that includes Arrows:
👀 Live Preview
See the Up Down Double Arrow (⇕) in navigation and UI contexts:
🧠 How It Works
Hexadecimal Code
⇕ uses the Unicode hexadecimal value 21D5 to display the Up Down Double Arrow. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇕ uses the decimal Unicode value 8661 to display the same character.
Named HTML Entity
⇕ is the HTML5 named entity for U+21D5. It is easy to read in source and resolves to ⇕. Not to be confused with ↕ (U+2195, single up-down).
CSS Entity
\21D5 is used in CSS stylesheets in the content property of pseudo-elements like ::before and ::after.
Same visual result
All four methods produce: ⇕. Unicode U+21D5 in the Arrows block (U+2190–U+21FF). The stacked double-arrow design emphasizes bidirectional vertical movement or toggle states.
Use Cases
The Up Down Double Arrow (⇕) is commonly used in:
Expand/collapse controls and show/hide toggles with emphasized vertical arrows.
Menus and toolbars indicating strong up-and-down navigation options.
Sort controls, accordion headers, and vertical range selectors.
Icon sets with double vertical arrows for toggle and scroll emphasis.
Flowcharts showing bidirectional vertical movement with emphasis.
Dashboards with expandable panels and vertical reorder controls.
💡 Best Practices
Do
- Use
⇕for readable markup, or⇕/⇕ - Add
aria-labelwhen the arrow conveys toggle or navigation meaning - Use ⇕ when you need stronger emphasis than ↕ (
↕) - Use
\21D5in CSS::before/::afterfor icon buttons - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse
⇕(U+21D5, double) with↕(U+2195, single up-down) - Use U+021D5 or CSS
\021D5—the correct value is U+21D5 and\21D5 - Put CSS escape
\21D5in HTML text nodes - Rely on the symbol alone without context in accessibility-critical UIs
- Assume all decorative fonts include extended Arrows glyphs
Key Takeaways
Named entity available: ⇕
⇕ ⇕For CSS stylesheets, use \21D5 in content
Unicode U+21D5 — UP DOWN DOUBLE ARROW
Single up-down arrow: ↕ via ↕ (U+2195)
Four methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
⇕ (hex), ⇕ (decimal), ⇕ (named entity), or \21D5 in CSS content. All produce ⇕.U+21D5 (UP DOWN DOUBLE ARROW). Arrows block (U+2190–U+21FF). Hex 21D5, decimal 8661.⇕ is easier to read in source than ⇕ or ⇕, but all produce ⇕. Do not confuse ⇕ (double, U+21D5) with ↕ (single, U+2195).⇕. It is part of the HTML5 named entity set, making it convenient to use instead of numeric hex or decimal references.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful