HTML Entity for Up Down White Arrow (⇳)
What You'll Learn
How to display the Up Down White Arrow (⇳) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+21F3 (UP DOWN WHITE ARROW) in the Arrows block (U+2190–U+21FF)—a bidirectional vertical arrow with a white or outlined style, used for navigation icons, UI design, and scroll controls on dark backgrounds.
Render it with ⇳, ⇳, or CSS escape \21F3. There is no named HTML entity. Compare ↕ (up down arrow, U+2195, ↕) for the filled variant, or ⇕ (up down double arrow, U+21D5, ⇕).
⚡ Quick Reference — Up Down White Arrow
U+21F3Arrows block
⇳Hexadecimal reference
⇳Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+21F3
Hex code ⇳
HTML code ⇳
Named entity (none)
CSS code \21F3
Official name UP DOWN WHITE ARROW
Related U+2195 = Up down arrow (↕); U+21D5 = Up down double arrow (⇕)
Block Arrows (U+2190–U+21FF)Complete HTML Example
A simple example showing ⇳ using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\21F3";
}
</style>
</head>
<body>
<p>White Up Down (hex): ⇳</p>
<p>White Up Down (decimal): ⇳</p>
<p id="point">White Up Down (CSS): </p>
</body>
</html>🌐 Browser Support
U+21F3 is supported in modern browsers when rendered with a font that includes Arrows:
👀 Live Preview
See the Up Down White Arrow (⇳) in navigation and UI contexts:
🧠 How It Works
Hexadecimal Code
⇳ uses the Unicode hexadecimal value 21F3 to display the Up Down White Arrow. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇳ uses the decimal Unicode value 8691 to display the same character.
CSS Entity
\21F3 is used in CSS stylesheets in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce: ⇳. Unicode U+21F3 in the Arrows block (U+2190–U+21FF). The white or outlined style works well on dark backgrounds for bidirectional vertical navigation.
Use Cases
The Up Down White Arrow (⇳) is commonly used in:
Toolbar and menu icons for vertical scroll on dark or colored themes.
Bidirectional vertical scroll indicators with a lighter arrow style.
Dark-mode buttons and controls needing outlined up-down arrows.
Icon sets with white bidirectional vertical arrows for visual variety.
Flowcharts showing vertical movement with a distinct white arrow variant.
Dashboards and dark-mode interfaces with vertical navigation symbols.
💡 Best Practices
Do
- Use
⇳or⇳consistently in markup - Add
aria-labelwhen the arrow conveys scroll or navigation meaning - Use the white arrow variant on dark or high-contrast backgrounds
- Use
\21F3in CSS::before/::afterfor icon buttons - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ⇳ (white) with ↕ (
↕, filled up-down arrow) - Use U+021F3 or CSS
\021F3—the correct value is U+21F3 and\21F3 - Expect a named entity—none exists for U+21F3
- Put CSS escape
\21F3in HTML text nodes - Assume all decorative fonts include extended Arrows glyphs
Key Takeaways
Two HTML numeric references render ⇳
⇳ ⇳For CSS stylesheets, use \21F3 in content
Unicode U+21F3 — UP DOWN WHITE ARROW
Filled up-down arrow: ↕ via ↕ (U+2195)
Three methods, one glyph — no named HTML entity
❓ Frequently Asked Questions
⇳ (hex), ⇳ (decimal), or \21F3 in CSS content. There is no named entity. All produce ⇳.U+21F3 (UP DOWN WHITE ARROW). Arrows block (U+2190–U+21FF). Hex 21F3, decimal 8691.⇳ or ⇳) go in markup. The CSS escape \21F3 is used in stylesheets, typically in the content property of pseudo-elements.↕ (U+2195). Extended Arrows block characters such as U+21F3 use numeric hex or decimal references—standard practice for specialized arrow glyphs.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful