HTML Entity for Down Arrow To Bar (⤓)
What You'll Learn
How to display the Down Arrow To Bar (⤓) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2913 (DOWNWARDS ARROW TO BAR) in the Supplemental Arrows-B block (U+2900–U+297F)—a downward arrow meeting a horizontal bar, often used for dropdown indicators, navigation cues, and UI elements.
Render it with ⤓, ⤓, or CSS escape \2913. There is no named HTML entity for this symbol. For down from a bar use U+21A7 (↧); for straight down use ↓ (↓).
⚡ Quick Reference — Down Arrow To Bar
U+2913Supplemental Arrows-B
⤓Hexadecimal reference
⤓Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2913
Hex code ⤓
HTML code ⤓
Named entity (none)
CSS code \2913
Related U+21A7 = From bar; U+2193 = Down (↓)Complete HTML Example
This example demonstrates the Down Arrow To Bar (⤓) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2913";
}
</style>
</head>
<body>
<p>Down Arrow To Bar using Hexadecimal: ⤓</p>
<p>Down Arrow To Bar using HTML Code: ⤓</p>
<p id="point">Down Arrow To Bar using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+2913 is supported in modern browsers when rendered with a font that includes Supplemental Arrows-B:
👀 Live Preview
See the Down Arrow To Bar (⤓) in dropdown and navigation contexts:
🧠 How It Works
Hexadecimal Code
⤓ uses the Unicode hexadecimal value 2913 to display the Down Arrow To Bar. The x prefix indicates hexadecimal format.
Decimal HTML Code
⤓ uses the decimal Unicode value 10515 to display the same character.
CSS Entity
\2913 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+2913. No named HTML entity—use numeric codes in markup.
Use Cases
The Down Arrow To Bar (⤓) is commonly used in:
Indicate expandable dropdowns or select controls (arrow down to a bar).
Show expand down or open menu in headers, nav bars, and accordions.
Download-to-bar, show more, or similar actions in interfaces.
Flow downward to a horizontal process or bar in diagrams.
Document dropdown or expand-to-bar behavior in design systems.
Indicate expand/collapse or menu open in accessibility hints.
💡 Best Practices
Do
- Use
⤓or⤓consistently in markup - Add
aria-labelwhen the symbol means open dropdown or expand menu - Pair ⤓ with a label or tooltip when meaning may not be obvious
- Use
\2913in CSS::before/::afterfor dropdown icons - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Expect a named entity—none exists for U+2913
- Confuse ⤓ (to bar) with ↧ (from bar, U+21A7)
- Confuse ⤓ with ↓ (
↓, straight down) - Put CSS escape
\2913in HTML text nodes - Assume all fonts include Supplemental Arrows-B glyphs
Key Takeaways
Two HTML numeric references render ⤓
⤓ ⤓For CSS stylesheets, use the escape in the content property
\2913Unicode U+2913 — Supplemental Arrows-B block
No named HTML entity—numeric codes only
Three methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
⤓ (hex), ⤓ (decimal), or \2913 in CSS content. There is no named entity. All produce ⤓.U+2913 (DOWNWARDS ARROW TO BAR). Supplemental Arrows-B (U+2900–U+297F). Hex 2913, decimal 10515. The glyph shows a downward arrow meeting a horizontal bar.⤓ or ⤓) go in markup. The CSS escape \2913 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