HTML Entity for Up Down Arrow (↕)
What You'll Learn
How to display the Up Down Arrow (↕) in HTML using hexadecimal, decimal, the named entity ↕, and CSS escape methods. This character is U+2195 (UP DOWN ARROW) in the Arrows block (U+2190–U+21FF)—a bidirectional vertical arrow used for navigation buttons, UI controls, and vertical scroll indicators.
Render it with ↕, ↕, ↕, or CSS escape \2195. Do not confuse ↕ (U+2195, vertical) with ↔ (U+2194, left-right arrow). Compare ↑ (up arrow, ↑) and ↓ (down arrow, ↓) for single-direction arrows.
⚡ Quick Reference — Up Down Arrow
U+2195Arrows block
↕Hexadecimal reference
↕Decimal reference
↕HTML5 named entity for U+2195
Name Value
──────────── ──────────
Unicode U+2195
Hex code ↕
HTML code ↕
Named entity ↕
CSS code \2195
Official name UP DOWN ARROW
Related U+2191 = Up arrow (↑); U+2193 = Down arrow (↓); U+2194 = Left-right (↔)
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: "\2195";
}
</style>
</head>
<body>
<p>Up Down (hex): ↕</p>
<p>Up Down (decimal): ↕</p>
<p>Up Down (entity): ↕</p>
<p id="point">Up Down (CSS): </p>
</body>
</html>🌐 Browser Support
U+2195 is widely supported in modern browsers when rendered with a font that includes Arrows:
👀 Live Preview
See the Up Down Arrow (↕) in navigation and UI contexts:
🧠 How It Works
Hexadecimal Code
↕ uses the Unicode hexadecimal value 2195 to display the Up Down Arrow. The x prefix indicates hexadecimal format.
Decimal HTML Code
↕ uses the decimal Unicode value 8597 to display the same character.
Named HTML Entity
↕ is the HTML5 named entity for U+2195. It is easy to read in source and resolves to ↕. Not to be confused with ↔ (U+2194, left-right).
CSS Entity
\2195 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+2195 in the Arrows block (U+2190–U+21FF). The bidirectional vertical arrow indicates movement or navigation in both up and down directions.
Use Cases
The Up Down Arrow (↕) is commonly used in:
Vertical scroll indicators and resize handles for bidirectional movement.
Toolbars and menus indicating up-and-down navigation or reordering.
Sort controls, expand/collapse toggles, and vertical range selectors.
Icon sets with bidirectional vertical arrows for navigation emphasis.
Flowcharts showing vertical movement in both directions along an axis.
Dashboards and list views with vertical reorder or scroll affordances.
💡 Best Practices
Do
- Use
↕for readable markup, or↕/↕ - Add
aria-labelwhen the arrow conveys navigation or sort meaning - Use ↕ for vertical bidirectional cues; use ↔ (
↔) for horizontal - Use
\2195in CSS::before/::afterfor icon buttons - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse
↕(U+2195, vertical) with↔(U+2194, horizontal) - Use U+02195 or CSS
\02195—the correct value is U+2195 and\2195 - Put CSS escape
\2195in 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 \2195 in content
Unicode U+2195 — UP DOWN ARROW
Horizontal bidirectional: ↔ via ↔ (U+2194)
Four methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
↕ (hex), ↕ (decimal), ↕ (named entity), or \2195 in CSS content. All produce ↕.U+2195 (UP DOWN ARROW). Arrows block (U+2190–U+21FF). Hex 2195, decimal 8597.↕ is easier to read in source than ↕ or ↕, but all produce ↕. Do not confuse ↕ (vertical, U+2195) with ↔ (horizontal, U+2194).↕. 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