HTML Entity for Up Double Arrow (⇑)
What You'll Learn
How to display the Up Double Arrow (⇑) in HTML using hexadecimal, decimal, the named entity ⇑, and CSS escape methods. This character is U+21D1 (UPWARDS DOUBLE ARROW) in the Arrows block (U+2190–U+21FF)—a stacked double upward arrow used for navigation, UI design, and strong upward movement emphasis.
Render it with ⇑, ⇑, ⇑, or CSS escape \21D1. Do not confuse ⇑ (U+21D1, double arrow) with ↑ (U+2191, single up arrow) or ↟ (U+219F, two-headed arrow).
⚡ Quick Reference — Up Double Arrow
U+21D1Arrows block
⇑Hexadecimal reference
⇑Decimal reference
⇑HTML5 named entity for U+21D1
Name Value
──────────── ──────────
Unicode U+21D1
Hex code ⇑
HTML code ⇑
Named entity ⇑
CSS code \21D1
Official name UPWARDS DOUBLE ARROW
Related U+2191 = Up arrow (↑); U+219F = Two headed (↟); U+21E1 = Dashed up
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: "\21D1";
}
</style>
</head>
<body>
<p>Double Up (hex): ⇑</p>
<p>Double Up (decimal): ⇑</p>
<p>Double Up (entity): ⇑</p>
<p id="point">Double Up (CSS): </p>
</body>
</html>🌐 Browser Support
U+21D1 is widely supported in modern browsers when rendered with a font that includes Arrows:
👀 Live Preview
See the Up Double Arrow (⇑) in navigation and UI contexts:
🧠 How It Works
Hexadecimal Code
⇑ uses the Unicode hexadecimal value 21D1 to display the Up Double Arrow. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇑ uses the decimal Unicode value 8657 to display the same character.
Named HTML Entity
⇑ is the HTML5 named entity for U+21D1. It is easy to read in source and resolves to ⇑. Not to be confused with ↑ (U+2191) or ↟ (U+219F).
CSS Entity
\21D1 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+21D1 in the Arrows block (U+2190–U+21FF). The stacked double-arrow design emphasizes strong upward movement or scroll-to-top actions.
Use Cases
The Up Double Arrow (⇑) is commonly used in:
Back-to-top buttons with stronger visual emphasis than a single arrow.
Menus and site navigation indicating upward movement or priority elevation.
Buttons and controls needing a bold upward directional indicator.
Icon sets and design systems with double upward arrows for emphasis.
Flowcharts showing strong upward direction or level promotion.
Dashboards and software interfaces with emphasized upward navigation.
💡 Best Practices
Do
- Use
⇑for readable markup, or⇑/⇑ - Add
aria-labelwhen the arrow conveys navigation meaning - Use the double arrow when you need stronger emphasis than ↑
- Use
\21D1in CSS::before/::afterfor icon buttons - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse
⇑(U+21D1, double) with↑(U+2191, single) or↟(U+219F, two-headed) - Use U+021D1 or CSS
\021D1—the correct value is U+21D1 and\21D1 - Put CSS escape
\21D1in 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 \21D1 in content
Unicode U+21D1 — UPWARDS DOUBLE ARROW
Single up arrow: ↑ via ↑ (U+2191)
Four methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
⇑ (hex), ⇑ (decimal), ⇑ (named entity), or \21D1 in CSS content. All produce ⇑.U+21D1 (UPWARDS DOUBLE ARROW). Arrows block (U+2190–U+21FF). Hex 21D1, decimal 8657.⇑ is easier to read in source than ⇑ or ⇑, but all produce ⇑. Do not confuse ⇑ (double, U+21D1) with ↑ (single, U+2191) or ↟ (two-headed, U+219F).⇑ entity is part of the HTML5 named entity set for common mathematical and directional symbols. Many extended Arrows block characters only have 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