HTML Entity for Down Quadruple Arrow (⟱)
What You'll Learn
How to display the Down Quadruple Arrow (⟱) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+27F1 (DOWNWARDS QUADRUPLE ARROW) in the Supplemental Arrows-A block (U+27F0–U+27FF)—a vertical quadruple arrow pointing downward, used in navigation, UI design, mathematical notation, and technical content.
Render it with ⟱, ⟱, or CSS escape \27F1. There is no named HTML entity for this symbol. Compare ⇓ (⇓, double down) or triple-down arrows in the same block family.
⚡ Quick Reference — Down Quadruple Arrow
U+27F1Supplemental Arrows-A
⟱Hexadecimal reference
⟱Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+27F1
Hex code ⟱
HTML code ⟱
Named entity (none)
CSS code \27F1
Related U+21D3 = Double down (⇓); U+2955 = Harpoon to barComplete HTML Example
This example demonstrates the Down Quadruple Arrow (⟱) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\27F1";
}
</style>
</head>
<body>
<p>Down Quadruple Arrow using Hexadecimal: ⟱</p>
<p>Down Quadruple Arrow using HTML Code: ⟱</p>
<p id="point">Down Quadruple Arrow using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+27F1 is supported in modern browsers when rendered with a font that includes Supplemental Arrows-A:
👀 Live Preview
See the Down Quadruple Arrow (⟱) in navigation and UI contexts:
🧠 How It Works
Hexadecimal Code
⟱ uses the Unicode hexadecimal value 27F1 to display the Down Quadruple Arrow. The x prefix indicates hexadecimal format.
Decimal HTML Code
⟱ uses the decimal Unicode value 10225 to display the same character.
CSS Entity
\27F1 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce: ⟱. Unicode U+27F1. No named HTML entity—use numeric codes in markup. Serve HTML as UTF-8.
Use Cases
The Down Quadruple Arrow (⟱) is commonly used in:
Strong downward relations or emphasis in mathematical notation.
Scroll-down, expand, or move-to-next indicators in interfaces.
Flowcharts and technical diagrams that need a strong down arrow.
Show maximum downward flow in process and logic diagrams.
Explain sort order, priority, or downward steps in developer docs.
Symbol pickers or design systems that include multi-stroke arrows.
💡 Best Practices
Do
- Use
⟱or⟱consistently in markup - Add
aria-labelwhen the symbol means scroll down or move downward - Pair ⟱ with a legend in technical documents
- Use
\27F1in CSS::before/::afterfor down-arrow icons - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Expect a named entity—none exists for U+27F1
- Confuse ⟱ (quadruple) with ⇓ (
⇓, double down only) - Put CSS escape
\27F1in HTML text nodes - Rely on the symbol alone in accessibility-critical UIs
- Assume decorative fonts include all Supplemental Arrows-A glyphs
Key Takeaways
Two HTML numeric references render ⟱
⟱ ⟱For CSS stylesheets, use the escape in the content property
\27F1Unicode U+27F1 — DOWNWARDS QUADRUPLE ARROW
Supplemental Arrows-A block (U+27F0–U+27FF)
Three methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
⟱ (hex), ⟱ (decimal), or \27F1 in CSS content. There is no named entity. All produce ⟱.U+27F1 (DOWNWARDS QUADRUPLE ARROW). Supplemental Arrows-A (U+27F0–U+27FF). Hex 27F1, decimal 10225. A vertical quadruple arrow pointing downward.⟱ or ⟱) go in markup. The CSS escape \27F1 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.⟱ or ⟱ in HTML.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful