HTML Entity for Up Arrow With Tip Right (↱)
What You'll Learn
How to display the Up Arrow With Tip Right (↱) in HTML using hexadecimal, decimal, the named entity ↱, and CSS escape methods. This character is U+21B1 (UPWARDS ARROW WITH TIP RIGHTWARDS) in the Arrows block (U+2190–U+21FF)—an upward-pointing arrow with its tip bent to the right, used in navigation and UI direction cues.
Render it with ↱, ↱, ↱, or CSS escape \21B1. Compare ↰ (up arrow tip left, U+21B0, ↰) for the mirror left-tipped variant, or ↑ (up arrow, ↑).
⚡ Quick Reference — Up Arrow With Tip Right
U+21B1Arrows block
↱Hexadecimal reference
↱Decimal reference
↱HTML5 named entity for U+21B1
Name Value
──────────── ──────────
Unicode U+21B1
Hex code ↱
HTML code ↱
Named entity ↱
CSS code \21B1
Official name UPWARDS ARROW WITH TIP RIGHTWARDS
Related U+21B0 = Tip left (↰); U+2191 = Up arrow (↑)
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: "\21B1";
}
</style>
</head>
<body>
<p>Tip Right (hex): ↱</p>
<p>Tip Right (decimal): ↱</p>
<p>Tip Right (entity): ↱</p>
<p id="point">Tip Right (CSS): </p>
</body>
</html>🌐 Browser Support
U+21B1 is widely supported in modern browsers when rendered with a font that includes Arrows:
👀 Live Preview
See the Up Arrow With Tip Right (↱) in navigation and UI contexts:
🧠 How It Works
Hexadecimal Code
↱ uses the Unicode hexadecimal value 21B1 to display the Up Arrow With Tip Right. The x prefix indicates hexadecimal format.
Decimal HTML Code
↱ uses the decimal Unicode value 8625 to display the same character.
Named HTML Entity
↱ is the HTML5 named entity for U+21B1. It is easy to read in source and resolves to the same character (↱).
CSS Entity
\21B1 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+21B1 in the Arrows block (U+2190–U+21FF). The rightward tip indicates upward movement with a horizontal offset to the right.
Use Cases
The Up Arrow With Tip Right (↱) is commonly used in:
Menus and controls indicating upward movement with a rightward tip orientation.
Back-to-top buttons with a distinctive right-tipped upward arrow design.
Buttons and interactive elements with directional indicators and specific tip angles.
Icon sets requiring upward arrows with rightward-pointing tips.
Flowcharts showing upward direction with a rightward 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 - Pair with ↰ (
↰) when showing left/right tip variants together - Use
\21B1in CSS::before/::afterfor icon buttons - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ↱ (tip right,
↱) with ↰ (tip left,↰) - Use U+021B1 or CSS
\021B1—the correct value is U+21B1 and\21B1 - Put CSS escape
\21B1in 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 \21B1 in content
Unicode U+21B1 — UPWARDS ARROW WITH TIP RIGHTWARDS
Mirror variant: ↰ via ↰ (U+21B0)
Four methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
↱ (hex), ↱ (decimal), ↱ (named entity), or \21B1 in CSS content. All produce ↱.U+21B1 (UPWARDS ARROW WITH TIP RIGHTWARDS). Arrows block (U+2190–U+21FF). Hex 21B1, decimal 8625.↱ 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