HTML Entity for Up Double Arrow White (⇮)
What You'll Learn
How to display the Up Double Arrow White (⇮) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+21EE (UPWARDS WHITE ARROW) in the Arrows block (U+2190–U+21FF)—an upward-pointing white or outlined arrow, used for navigation, UI design, and directional cues on dark or colored backgrounds.
Render it with ⇮, ⇮, or CSS escape \21EE. There is no named HTML entity. Compare ⇑ (up double arrow, U+21D1, ⇑) for the filled double arrow, or ⇯ (up double arrow pedestal, U+21EF) for the pedestal variant.
⚡ Quick Reference — Up Double Arrow White
U+21EEArrows block
⇮Hexadecimal reference
⇮Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+21EE
Hex code ⇮
HTML code ⇮
Named entity (none)
CSS code \21EE
Official name UPWARDS WHITE ARROW
Related U+21D1 = Up double arrow (⇑); U+21EF = Up double arrow pedestal
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: "\21EE";
}
</style>
</head>
<body>
<p>White Up (hex): ⇮</p>
<p>White Up (decimal): ⇮</p>
<p id="point">White Up (CSS): </p>
</body>
</html>🌐 Browser Support
U+21EE is supported in modern browsers when rendered with a font that includes Arrows:
👀 Live Preview
See the Up Double Arrow White (⇮) in navigation and UI contexts:
🧠 How It Works
Hexadecimal Code
⇮ uses the Unicode hexadecimal value 21EE to display the Up Double Arrow White. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇮ uses the decimal Unicode value 8686 to display the same character.
CSS Entity
\21EE 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+21EE in the Arrows block (U+2190–U+21FF). The white or outlined style works well on dark backgrounds and for lighter visual emphasis.
Use Cases
The Up Double Arrow White (⇮) is commonly used in:
Back-to-top controls on dark or colored backgrounds where a white arrow stands out.
Menus and toolbars indicating upward movement with an outlined arrow style.
Buttons and controls on dark themes needing a lighter upward arrow glyph.
Icon sets with white or outlined upward arrows for visual variety.
Flowcharts showing upward direction with a distinct white arrow variant.
Dashboards and dark-mode interfaces with upward navigation symbols.
💡 Best Practices
Do
- Use
⇮or⇮consistently in markup - Add
aria-labelwhen the arrow conveys navigation meaning - Use the white arrow variant on dark or high-contrast backgrounds
- Use
\21EEin CSS::before/::afterfor icon buttons - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ⇮ (white) with ⇑ (
⇑, filled double arrow) - Use U+021EE or CSS
\021EE—the correct value is U+21EE and\21EE - Expect a named entity—none exists for U+21EE
- Put CSS escape
\21EEin HTML text nodes - Assume all decorative fonts include extended Arrows glyphs
Key Takeaways
Two HTML numeric references render ⇮
⇮ ⇮For CSS stylesheets, use \21EE in content
Unicode U+21EE — UPWARDS WHITE ARROW
Filled double arrow: ⇑ via ⇑ (U+21D1)
Three methods, one glyph — no named HTML entity
❓ Frequently Asked Questions
⇮ (hex), ⇮ (decimal), or \21EE in CSS content. There is no named entity. All produce ⇮.U+21EE (UPWARDS WHITE ARROW). Arrows block (U+2190–U+21FF). Hex 21EE, decimal 8686.⇮ or ⇮) go in markup. The CSS escape \21EE is used in stylesheets, typically in the content property of pseudo-elements.⇑ (U+21D1). Extended Arrows block characters such as U+21EE 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