HTML Entity for Up Arrow From Bar (↥)
What You'll Learn
How to display the Up Arrow From Bar (↥) in HTML using hexadecimal, decimal, the named entity ↥, and CSS escape methods. This character is U+21A5 (UPWARDS ARROW FROM BAR) in the Arrows block (U+2190–U+21FF)—an upward-pointing arrow rising from a horizontal bar, used in navigation and UI direction cues.
Render it with ↥, ↥, ↥, or CSS escape \21A5. Compare ↑ (up arrow, U+2191, ↑) for a plain arrow without a bar base, or ⤒ (up arrow bar, U+2912) for arrow-to-bar notation.
⚡ Quick Reference — Up Arrow From Bar
U+21A5Arrows block
↥Hexadecimal reference
↥Decimal reference
↥HTML5 named entity for U+21A5
Name Value
──────────── ──────────
Unicode U+21A5
Hex code ↥
HTML code ↥
Named entity ↥
CSS code \21A5
Meaning Upwards arrow from bar
Related U+2191 = Up arrow (↑); U+2912 = Up arrow bar (⤒)
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: "\21A5";
}
</style>
</head>
<body>
<p>Up Arrow From Bar (hex): ↥</p>
<p>Up Arrow From Bar (decimal): ↥</p>
<p>Up Arrow From Bar (entity): ↥</p>
<p id="point">Up Arrow From Bar (CSS): </p>
</body>
</html>🌐 Browser Support
U+21A5 is widely supported in modern browsers when rendered with a font that includes Arrows:
👀 Live Preview
See the Up Arrow From Bar (↥) in navigation and UI contexts:
🧠 How It Works
Hexadecimal Code
↥ uses the Unicode hexadecimal value 21A5 to display the Up Arrow From Bar. The x prefix indicates hexadecimal format.
Decimal HTML Code
↥ uses the decimal Unicode value 8613 to display the same character.
Named HTML Entity
↥ is the HTML5 named entity for U+21A5. It is easy to read in source and resolves to the same character (↥).
CSS Entity
\21A5 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+21A5 in the Arrows block (U+2190–U+21FF). The bar provides a visual base for upward movement from a starting point.
Use Cases
The Up Arrow From Bar (↥) is commonly used in:
Back-to-top buttons showing upward movement from a baseline or footer bar.
Menus and controls indicating upward movement from a base position.
Buttons and interactive elements with a bar base and upward direction cue.
Icon sets and design systems requiring upward arrows from a horizontal bar.
Flowcharts showing upward direction from a baseline or starting position.
Dashboards and software interfaces with level-based upward navigation.
💡 Best Practices
Do
- Use
↥for readable markup, or↥/↥ - Add
aria-labelwhen the arrow conveys meaning (e.g. scroll to top) - Pair arrows with labels in navigation and call-to-action buttons
- Use
\21A5in CSS::before/::afterfor icon buttons - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ↥ (from bar) with ↑ (
↑, plain up arrow) - Confuse ↥ with ⤒ (up arrow to bar, U+2912)
- Use U+021A5 or CSS
\021A5—the correct value is U+21A5 and\21A5 - Put CSS escape
\21A5in HTML text nodes - Rely on the symbol alone without context in accessibility-critical UIs
Key Takeaways
Named entity available: ↥
↥ ↥For CSS stylesheets, use \21A5 in content
Unicode U+21A5 — UPWARDS ARROW FROM BAR
Plain up arrow: ↑ via ↑ (U+2191)
Four methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
↥ (hex), ↥ (decimal), ↥ (named entity), or \21A5 in CSS content. All produce ↥.U+21A5 (UPWARDS ARROW FROM BAR). Arrows block (U+2190–U+21FF). Hex 21A5, decimal 8613. An upward-pointing arrow originating from a horizontal bar.↥ is easier to read in source than ↥ or ↥, but all produce ↥. The named entity is part of the HTML5 entity set for arrows.↥, ↥, or ↥) go in markup. The CSS escape \21A5 is used in stylesheets, typically in the content property of pseudo-elements.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful