HTML Entity for Up Arrow Pedestal Vertical (⇭)
What You'll Learn
How to display the Up Arrow Pedestal Vertical (⇭) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+21ED (UPWARDS WHITE ARROW ON PEDESTAL WITH VERTICAL BAR) in the Arrows block (U+2190–U+21FF)—an upward-pointing arrow on a vertical pedestal base, used in navigation and UI direction cues.
Render it with ⇭, ⇭, or CSS escape \21ED. There is no named HTML entity. Compare ⇬ (up arrow pedestal horizontal, U+21EC) for the horizontal-bar pedestal variant, or ↑ (up arrow, ↑).
⚡ Quick Reference — Up Arrow Pedestal Vertical
U+21EDArrows block
⇭Hexadecimal reference
⇭Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+21ED
Hex code ⇭
HTML code ⇭
Named entity (none)
CSS code \21ED
Official name UPWARDS WHITE ARROW ON PEDESTAL WITH VERTICAL BAR
Related U+21EC = Pedestal horizontal (⇬); U+2191 = Up 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: "\21ED";
}
</style>
</head>
<body>
<p>Pedestal Vertical (hex): ⇭</p>
<p>Pedestal Vertical (decimal): ⇭</p>
<p id="point">Pedestal Vertical (CSS): </p>
</body>
</html>🌐 Browser Support
U+21ED is supported in modern browsers when rendered with a font that includes Arrows:
👀 Live Preview
See the Up Arrow Pedestal Vertical (⇭) in navigation and UI contexts:
🧠 How It Works
Hexadecimal Code
⇭ uses the Unicode hexadecimal value 21ED to display the Up Arrow Pedestal Vertical. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇭ uses the decimal Unicode value 8685 to display the same character.
CSS Entity
\21ED 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+21ED in the Arrows block (U+2190–U+21FF). The vertical pedestal provides a stable visual base for upward navigation cues.
Use Cases
The Up Arrow Pedestal Vertical (⇭) is commonly used in:
Back-to-top buttons with a vertical pedestal base design.
Menus and controls indicating upward movement with visual stability.
Buttons and interactive elements with pedestal-based upward arrows.
Icon sets requiring upward arrows on vertical pedestal bases.
Flowcharts showing upward direction from a stable vertical base.
Dashboards and software interfaces with pedestal navigation symbols.
💡 Best Practices
Do
- Use
⇭or⇭consistently in markup - Add
aria-labelwhen the arrow conveys navigation meaning - Choose fonts with Arrows block support (Segoe UI Symbol, Arial Unicode MS)
- Use
\21EDin CSS::before/::afterfor icon buttons - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ⇭ (vertical pedestal) with ⇬ (horizontal pedestal, U+21EC)
- Use U+021ED or CSS
\021ED—the correct value is U+21ED and\21ED - Expect a named entity—none exists for U+21ED
- Put CSS escape
\21EDin HTML text nodes - Assume all decorative fonts include extended Arrows glyphs
Key Takeaways
Two HTML numeric references render ⇭
⇭ ⇭For CSS stylesheets, use \21ED in content
Unicode U+21ED — UPWARDS WHITE ARROW ON PEDESTAL WITH VERTICAL BAR
Pedestal horizontal variant: ⇬ (U+21EC)
Three methods, one glyph — no named HTML entity
❓ Frequently Asked Questions
⇭ (hex), ⇭ (decimal), or \21ED in CSS content. There is no named entity. All produce ⇭.U+21ED (UPWARDS WHITE ARROW ON PEDESTAL WITH VERTICAL BAR). Arrows block (U+2190–U+21FF). Hex 21ED, decimal 8685.⇭ or ⇭) go in markup. The CSS escape \21ED is used in stylesheets, typically in the content property of pseudo-elements.↑ (U+2191). Extended Arrows block characters such as U+21ED 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