HTML Entity for Up Arrow Tip Left (↰)
What You'll Learn
How to display the Up Arrow Tip Left (↰) in HTML using hexadecimal, decimal, the named entity ↰, and CSS escape methods. This character is U+21B0 (UPWARDS ARROW WITH TIP LEFTWARDS) in the Arrows block (U+2190–U+21FF)—an upward-pointing arrow with its tip bent to the left, used in navigation and UI direction cues.
Render it with ↰, ↰, ↰, or CSS escape \21B0. Compare ↑ (up arrow, U+2191, ↑) for a plain upward arrow, or ⇭ (up arrow pedestal vertical, U+21ED) for a pedestal variant.
⚡ Quick Reference — Up Arrow Tip Left
U+21B0Arrows block
↰Hexadecimal reference
↰Decimal reference
↰HTML5 named entity for U+21B0
Name Value
──────────── ──────────
Unicode U+21B0
Hex code ↰
HTML code ↰
Named entity ↰
CSS code \21B0
Official name UPWARDS ARROW WITH TIP LEFTWARDS
Related U+2191 = Up arrow (↑); U+21ED = Pedestal vertical (⇭)
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: "\21B0";
}
</style>
</head>
<body>
<p>Tip Left (hex): ↰</p>
<p>Tip Left (decimal): ↰</p>
<p>Tip Left (entity): ↰</p>
<p id="point">Tip Left (CSS): </p>
</body>
</html>🌐 Browser Support
U+21B0 is widely supported in modern browsers when rendered with a font that includes Arrows:
👀 Live Preview
See the Up Arrow Tip Left (↰) in navigation and UI contexts:
🧠 How It Works
Hexadecimal Code
↰ uses the Unicode hexadecimal value 21B0 to display the Up Arrow Tip Left. The x prefix indicates hexadecimal format.
Decimal HTML Code
↰ uses the decimal Unicode value 8624 to display the same character.
Named HTML Entity
↰ is the HTML5 named entity for U+21B0. It is easy to read in source and resolves to the same character (↰).
CSS Entity
\21B0 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+21B0 in the Arrows block (U+2190–U+21FF). The leftward tip indicates upward movement with a horizontal offset to the left.
Use Cases
The Up Arrow Tip Left (↰) is commonly used in:
Menus and controls indicating upward movement with a leftward tip orientation.
Back-to-top buttons with a distinctive left-tipped upward arrow design.
Buttons and interactive elements with directional indicators and specific tip angles.
Icon sets requiring upward arrows with leftward-pointing tips.
Flowcharts showing upward direction with a leftward tip emphasis.
Dashboards and software interfaces with angled upward navigation symbols.
💡 Best Practices
Do
- Use
↰for readable markup, or↰/↰ - Add
aria-labelwhen the arrow conveys navigation meaning - Choose fonts with Arrows block support (Segoe UI Symbol, Arial Unicode MS)
- Use
\21B0in CSS::before/::afterfor icon buttons - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ↰ (tip left) with ↑ (
↑, plain up arrow) - Use U+021B0 or CSS
\021B0—the correct value is U+21B0 and\21B0 - Put CSS escape
\21B0in 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 \21B0 in content
Unicode U+21B0 — UPWARDS ARROW WITH TIP LEFTWARDS
Plain up arrow: ↑ via ↑ (U+2191)
Four methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
↰ (hex), ↰ (decimal), ↰ (named entity), or \21B0 in CSS content. All produce ↰.U+21B0 (UPWARDS ARROW WITH TIP LEFTWARDS). Arrows block (U+2190–U+21FF). Hex 21B0, decimal 8624.↰ is easier to read in source than ↰ or ↰, but all produce ↰. The named entity is part of the HTML5 entity set for arrows.↰ entity is part of the HTML5 named entity set for common directional symbols. Many extended Arrows block characters only have 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