HTML Entity for Up Quadruple Arrow (⟰)
What You'll Learn
How to display the Up Quadruple Arrow (⟰) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+27F0 (UPWARDS QUADRUPLE ARROW) in the Supplemental Arrows-A block (U+27F0–U+27FF)—four upward-pointing arrowheads stacked for strong upward directional indication in navigation and UI design.
Render it with ⟰, ⟰, or CSS escape \27F0. There is no named HTML entity. Compare ⇈ (U+21C8, up paired arrows via ⇈) and ⇑ (U+21D1, up double arrow via ⇑).
⚡ Quick Reference — Up Quadruple Arrow
U+27F0Supplemental Arrows-A
⟰Hexadecimal reference
⟰Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+27F0
Hex code ⟰
HTML code ⟰
Named entity (none)
CSS code \27F0
Official name UPWARDS QUADRUPLE ARROW
Related U+21C8 = Up paired arrows (⇈); U+21D1 = Up double arrow (⇑)
Block Supplemental Arrows-A (U+27F0–U+27FF)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: "\27F0";
}
</style>
</head>
<body>
<p>Quadruple Up (hex): ⟰</p>
<p>Quadruple Up (decimal): ⟰</p>
<p id="point">Quadruple Up (CSS): </p>
</body>
</html>🌐 Browser Support
U+27F0 is widely supported in modern browsers when rendered with a font that includes Supplemental Arrows-A:
👀 Live Preview
See the Up Quadruple Arrow (⟰) in navigation and UI contexts:
🧠 How It Works
Hexadecimal Code
⟰ uses the Unicode hexadecimal value 27F0 to display the Up Quadruple Arrow. The x prefix indicates hexadecimal format.
Decimal HTML Code
⟰ uses the decimal Unicode value 10224 to display the same character.
CSS Entity
\27F0 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+27F0 in the Supplemental Arrows-A block (U+27F0–U+27FF). Four stacked upward arrowheads for strong directional emphasis.
Use Cases
The Up Quadruple Arrow (⟰) is commonly used in:
Strong scroll-to-top and fast-upward navigation controls.
Menus and toolbars indicating emphatic upward movement.
Buttons and controls needing a quadruple upward arrow indicator.
Icon sets with multi-arrow upward symbols for web and app interfaces.
Infographics and visual elements requiring strong upward direction.
Dashboards and content panels with upward navigation cues.
💡 Best Practices
Do
- Use
⟰or⟰consistently in markup - Add
aria-labelwhen the arrow conveys scroll or navigation meaning - Use quadruple arrows for emphatic upward direction in UI contexts
- Use
\27F0in CSS::before/::afterfor icon buttons - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Use U+027F0—the correct value is U+27F0 with CSS
\27F0 - Confuse ⟰ (quadruple) with ⇈ (paired, U+21C8) or ⇑ (double, U+21D1)
- Put CSS escape
\27F0in HTML text nodes - Rely on the symbol alone without context in accessibility-critical UIs
- Assume all decorative fonts include Supplemental Arrows-A glyphs
Key Takeaways
No named entity—use numeric codes only
⟰ ⟰For CSS stylesheets, use \27F0 in content
Unicode U+27F0 — UPWARDS QUADRUPLE ARROW
Paired up arrows: ⇈ via ⇈ (U+21C8)
Three methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
⟰ (hex), ⟰ (decimal), or \27F0 in CSS content. All produce ⟰.U+27F0 (UPWARDS QUADRUPLE ARROW). Supplemental Arrows-A block (U+27F0–U+27FF). Hex 27F0, decimal 10224.⟰ or ⟰) is used in HTML content, while CSS escape \27F0 is used in stylesheets in the content property of pseudo-elements. Both produce ⟰.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful