HTML Entity for Up Arrow Double Stroke (⇞)
What You'll Learn
How to display the Up Arrow Double Stroke (⇞) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+21DE (UPWARDS ARROW WITH DOUBLE STROKE) in the Arrows block (U+2190–U+21FF)—an upward-pointing arrow with a double stroke, often used for Page Up and strong upward navigation cues.
Render it with ⇞, ⇞, or CSS escape \21DE. There is no named HTML entity. Compare ↑ (up arrow, U+2191, ↑) for the plain single-stroke upward arrow.
⚡ Quick Reference — Up Arrow Double Stroke
U+21DEArrows block
⇞Hexadecimal reference
⇞Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+21DE
Hex code ⇞
HTML code ⇞
Named entity (none)
CSS code \21DE
Meaning Upwards arrow with double stroke
Related U+2191 = Up arrow (↑); U+21DF = Down double stroke
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: "\21DE";
}
</style>
</head>
<body>
<p>Up Arrow Double Stroke (hex): ⇞</p>
<p>Up Arrow Double Stroke (decimal): ⇞</p>
<p id="point">Up Arrow Double Stroke (CSS): </p>
</body>
</html>🌐 Browser Support
U+21DE is supported in modern browsers when rendered with a font that includes Arrows:
👀 Live Preview
See the Up Arrow Double Stroke (⇞) in navigation and UI contexts:
🧠 How It Works
Hexadecimal Code
⇞ uses the Unicode hexadecimal value 21DE to display the Up Arrow Double Stroke. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇞ uses the decimal Unicode value 8670 to display the same character.
CSS Entity
\21DE 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+21DE in the Arrows block (U+2190–U+21FF). No named HTML entity—use numeric codes in markup. The double stroke adds strong visual emphasis for Page Up and prominent upward cues.
Use Cases
The Up Arrow Double Stroke (⇞) is commonly used in:
Keyboard shortcut docs and UI labels for page-up navigation.
Menus and controls indicating strong upward movement or scroll-to-top.
Buttons and interactive elements needing prominent upward direction cues.
Icon sets and design systems with double-stroke upward arrows.
Flowcharts and instructional content showing emphasized upward direction.
Dashboards and software interfaces with level-based upward navigation.
💡 Best Practices
Do
- Use
⇞or⇞consistently in markup - Add
aria-labelwhen the arrow conveys navigation meaning (e.g. Page Up) - Choose fonts with Arrows block support (Segoe UI Symbol, Arial Unicode MS)
- Use
\21DEin CSS::before/::afterfor icon buttons - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ⇞ (U+21DE) with ↑ (
↑, plain up arrow U+2191) - Use U+021DE or CSS
\021DE—the correct value is U+21DE and\21DE - Expect a named entity—none exists for U+21DE
- Put CSS escape
\21DEin HTML text nodes - Overuse the double-stroke glyph—its strong emphasis can overwhelm UI
Key Takeaways
Two HTML numeric references render ⇞
⇞ ⇞For CSS stylesheets, use \21DE in content
Unicode U+21DE — UPWARDS ARROW WITH DOUBLE STROKE
Plain up arrow: ↑ via ↑ (U+2191)
Three methods, one glyph — no named HTML entity
❓ Frequently Asked Questions
⇞ (hex), ⇞ (decimal), or \21DE in CSS content. There is no named entity. All produce ⇞.U+21DE (UPWARDS ARROW WITH DOUBLE STROKE). Arrows block (U+2190–U+21FF). Hex 21DE, decimal 8670. Often associated with Page Up navigation.⇞ or ⇞) go in markup. The CSS escape \21DE is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.↑ (U+2191). Extended Arrows block characters such as U+21DE 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