HTML Entity for Down Arrow With Horizontal Stroke (⤈)
What You'll Learn
How to display the Down Arrow With Horizontal Stroke (⤈) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2908 (DOWNWARDS ARROW WITH HORIZONTAL STROKE) in the Supplemental Arrows-B block (U+2900–U+297F)—a downward arrow with a horizontal stroke across it, often used in UI designs, navigation icons, and symbol-based links.
Render it with ⤈, ⤈, or CSS escape \2908. There is no named HTML entity. For double horizontal strokes in the Arrows block use U+21DF (⇟). For plain down use ↓ (↓).
⚡ Quick Reference — Down Arrow With Horizontal Stroke
U+2908Supplemental Arrows-B
⤈Hexadecimal reference
⤈Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2908
Hex code ⤈
HTML code ⤈
Named entity (none)
CSS code \2908
Related U+21DF = Double stroke; U+2193 = Down (↓)Complete HTML Example
This example demonstrates the Down Arrow With Horizontal Stroke (⤈) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2908";
}
</style>
</head>
<body>
<p>Down Arrow With Horizontal Stroke using Hexadecimal: ⤈</p>
<p>Down Arrow With Horizontal Stroke using HTML Code: ⤈</p>
<p id="point">Down Arrow With Horizontal Stroke using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+2908 is supported in modern browsers when rendered with a font that includes Supplemental Arrows-B:
👀 Live Preview
See the Down Arrow With Horizontal Stroke (⤈) in UI and navigation contexts:
🧠 How It Works
Hexadecimal Code
⤈ uses the Unicode hexadecimal value 2908 to display the Down Arrow With Horizontal Stroke. The x prefix indicates hexadecimal format.
Decimal HTML Code
⤈ uses the decimal Unicode value 10504 to display the same character.
CSS Entity
\2908 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+2908. No named HTML entity—use numeric codes in markup.
Use Cases
The Down Arrow With Horizontal Stroke (⤈) is commonly used in:
Distinct down-arrow icon with stroke in buttons, menus, and controls.
Expand down, show more, or scroll-down in nav bars and headers.
Clickable icon for download, go down, or similar with a stroke variant.
Downward flow with a horizontal constraint in process diagrams.
Document collapse, expand down, or navigation in design systems.
Indicate expand/collapse or down actions in accessibility labels.
💡 Best Practices
Do
- Use
⤈or⤈consistently in markup - Add
aria-labelwhen the symbol means expand or show more - Pair ⤈ with a label or tooltip when meaning may not be obvious
- Use
\2908in CSS::before/::afterfor navigation icons - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Expect a named entity—none exists for U+2908
- Confuse ⤈ (one stroke, U+2908) with ⇟ (double stroke, U+21DF)
- Confuse ⤈ with ↓ (
↓, plain down) - Put CSS escape
\2908in 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
\2908Unicode U+2908 — 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 \2908 in CSS content. There is no named entity. All produce ⤈.U+2908 (DOWNWARDS ARROW WITH HORIZONTAL STROKE). Supplemental Arrows-B (U+2900–U+297F). Hex 2908, decimal 10504. A downward arrow with a horizontal stroke across it.⤈ or ⤈) go in markup. The CSS escape \2908 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