HTML Entity for Up Paired Arrows (⇈)
What You'll Learn
How to display the Up Paired Arrows (⇈) in HTML using hexadecimal, decimal, the named entity ⇈, and CSS escape methods. This character is U+21C8 (UPWARDS PAIRED ARROWS) in the Arrows block (U+2190–U+21FF)—two upward-pointing arrows arranged side by side, commonly used for scroll indicators, navigation, and directional UI.
Render it with ⇈, ⇈, ⇈, or CSS escape \21C8. Compare ⇑ (U+21D1, up double arrow via ⇑) and ↑ (U+2191, single up arrow via ↑).
⚡ Quick Reference — Up Paired Arrows
U+21C8Arrows block
⇈Hexadecimal reference
⇈Decimal reference
⇈HTML5 named entity for U+21C8
Name Value
──────────── ──────────
Unicode U+21C8
Hex code ⇈
HTML code ⇈
Named entity ⇈
CSS code \21C8
Official name UPWARDS PAIRED ARROWS
Related U+21D1 = Up double arrow (⇑); U+2191 = Up arrow (↑)
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: "\21C8";
}
</style>
</head>
<body>
<p>Paired Up (hex): ⇈</p>
<p>Paired Up (decimal): ⇈</p>
<p>Paired Up (entity): ⇈</p>
<p id="point">Paired Up (CSS): </p>
</body>
</html>🌐 Browser Support
U+21C8 is widely supported in modern browsers when rendered with a font that includes Arrows:
👀 Live Preview
See the Up Paired Arrows (⇈) in navigation and UI contexts:
🧠 How It Works
Hexadecimal Code
⇈ uses the Unicode hexadecimal value 21C8 to display the Up Paired Arrows. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇈ uses the decimal Unicode value 8648 to display the same character.
Named HTML Entity
⇈ is the HTML5 named entity for U+21C8. It is easy to read in source and resolves to ⇈.
CSS Entity
\21C8 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+21C8 in the Arrows block (U+2190–U+21FF). Two upward arrows side by side for scroll and navigation indicators.
Use Cases
The Up Paired Arrows (⇈) is commonly used in:
Page navigation and scroll-to-top controls showing upward movement.
Menus and toolbars indicating upward navigation or fast scroll up.
Buttons and controls needing paired upward arrow indicators.
Equations and documents using paired upward arrow symbols.
Icon sets with dual upward arrows for web and app interfaces.
Dashboards and content panels with upward navigation cues.
💡 Best Practices
Do
- Use
⇈for readable markup, or⇈/⇈ - Add
aria-labelwhen the arrows convey scroll or navigation meaning - Use paired arrows in proper scroll or directional UI contexts
- Use
\21C8in CSS::before/::afterfor icon buttons - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Use U+021C8 or CSS
\021C8—the correct value is U+21C8 and\21C8 - Confuse
⇈(U+21C8, paired) with⇑(U+21D1, double arrow) - Put CSS escape
\21C8in 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 \21C8 in content
Unicode U+21C8 — UPWARDS PAIRED ARROWS
Double arrow: ⇑ via ⇑ (U+21D1)
Four methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
⇈ (hex), ⇈ (decimal), ⇈ (named entity), or \21C8 in CSS content. All produce ⇈.U+21C8 (UPWARDS PAIRED ARROWS). Arrows block (U+2190–U+21FF). Hex 21C8, decimal 8648.⇈ is easier to read in source than ⇈ or ⇈, but all produce ⇈. Do not confuse with ⇑ (U+21D1, up double arrow).⇈. It is part of the HTML5 named entity set, making it convenient to use instead of 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