HTML Entity for Up Arrow Bar (⤒)
What You'll Learn
How to display the Up Arrow Bar (⤒) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2912 (UPWARDS ARROW TO BAR) in the Supplemental Arrows-B block (U+2900–U+297F)—an upward-pointing arrow with a horizontal bar, used in navigation, UI design, and directional indicators.
Render it with ⤒, ⤒, or CSS escape \2912. There is no named HTML entity. Compare ↑ (up arrow, U+2191, ↑) for the plain upward arrow without a bar.
⚡ Quick Reference — Up Arrow Bar
U+2912Supplemental Arrows-B
⤒Hexadecimal reference
⤒Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2912
Hex code ⤒
HTML code ⤒
Named entity (none)
CSS code \2912
Meaning Upwards arrow to bar
Related U+2191 = Up arrow (↑)
Block Supplemental Arrows-B (U+2900–U+297F)Complete HTML Example
A simple example showing ⤒ using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\2912";
}
</style>
</head>
<body>
<p>Up Arrow Bar (hex): ⤒</p>
<p>Up Arrow Bar (decimal): ⤒</p>
<p id="point">Up Arrow Bar (CSS): </p>
</body>
</html>🌐 Browser Support
U+2912 is supported in modern browsers when rendered with a font that includes Supplemental Arrows-B:
👀 Live Preview
See the Up Arrow Bar (⤒) in navigation and UI contexts:
🧠 How It Works
Hexadecimal Code
⤒ uses the Unicode hexadecimal value 2912 to display the Up Arrow Bar. The x prefix indicates hexadecimal format.
Decimal HTML Code
⤒ uses the decimal Unicode value 10514 to display the same character.
CSS Entity
\2912 is used in CSS stylesheets in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce: ⤒. Unicode U+2912 in Supplemental Arrows-B (U+2900–U+297F). No named HTML entity—use numeric codes in markup. The bar adds visual emphasis for movement to a specific level.
Use Cases
The Up Arrow Bar (⤒) is commonly used in:
Menus, breadcrumbs, and site navigation with upward movement to a bar or level.
Buttons and interactive elements that need directional indicators with bar emphasis.
Icon sets and design systems requiring upward arrows with a horizontal bar.
Maps, flowcharts, and instructional content showing upward direction to a boundary.
Dashboards and software interfaces with level-based navigation symbols.
Tutorials and materials about directional concepts with bar emphasis.
💡 Best Practices
Do
- Use
⤒or⤒consistently in markup - Add
aria-labelwhen the arrow conveys navigation meaning - Choose fonts with Supplemental Arrows-B support (Segoe UI Symbol, Cambria Math)
- Use
\2912in CSS::before/::afterfor icon buttons - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ⤒ (U+2912) with ↑ (
↑, plain up arrow U+2191) - Use U+02912 or CSS
\02912—the correct value is U+2912 and\2912 - Expect a named entity—none exists for U+2912
- Put CSS escape
\2912in HTML text nodes - Assume all decorative fonts include Supplemental Arrows-B glyphs
Key Takeaways
Two HTML numeric references render ⤒
⤒ ⤒For CSS stylesheets, use \2912 in content
Unicode U+2912 — UPWARDS ARROW TO BAR
Plain up arrow: ↑ via ↑ (U+2191)
Three methods, one glyph — no named HTML entity
❓ Frequently Asked Questions
⤒ (hex), ⤒ (decimal), or \2912 in CSS content. There is no named entity. All produce ⤒.U+2912 (UPWARDS ARROW TO BAR). Supplemental Arrows-B block (U+2900–U+297F). Hex 2912, decimal 10514. An upward-pointing arrow with a horizontal bar.⤒ or ⤒) go in markup. The CSS escape \2912 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful