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