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