HTML Entity for Down Arrow Tip Left (↲)

What You'll Learn
How to display the Down Arrow Tip Left (↲) in HTML using hexadecimal, decimal, the named entity ↲, and CSS escape methods. This character is U+21B2 (DOWNWARDS ARROW WITH TIP LEFTWARDS) in the Arrows block (U+2190–U+21FF)—a downward arrow with its tip bent to the left, often used for return/enter indicators, keyboard shortcuts, and directional cues.
Render it with ↲, ↲, ↲, or CSS escape \21B2. For carriage return (corner left) use ↵ (↵, U+21B5). For straight down use ↓ (↓).
⚡ Quick Reference — Down Arrow Tip Left
U+21B2Arrows block
↲Hexadecimal reference
↲Decimal reference
↲HTML5 named entity for U+21B2
Name Value
──────────── ──────────
Unicode U+21B2
Hex code ↲
HTML code ↲
Named entity ↲
CSS code \21B2
Related U+21B5 = Corner left (↵); U+2193 = Down (↓)Complete HTML Example
This example demonstrates the Down Arrow Tip Left (↲) using hexadecimal code, decimal HTML code, the named entity ↲, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\21B2";
}
</style>
</head>
<body>
<p>Down Arrow Tip Left using Hexadecimal: ↲</p>
<p>Down Arrow Tip Left using HTML Code: ↲</p>
<p>Down Arrow Tip Left using HTML Entity: ↲</p>
<p id="point">Down Arrow Tip Left using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+21B2 is widely supported in modern browsers when rendered with a font that includes Arrows:
👀 Live Preview
See the Down Arrow Tip Left (↲) in return and keyboard contexts:
🧠 How It Works
Hexadecimal Code
↲ uses the Unicode hexadecimal value 21B2 to display the Down Arrow Tip Left. The x prefix indicates hexadecimal format.
Decimal HTML Code
↲ uses the decimal Unicode value 8626 to display the same character.
Named HTML Entity
↲ is the HTML5 named entity for U+21B2 (left-shifting down arrow). It is easy to read in source and resolves to ↲.
CSS Entity
\21B2 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All four methods produce: ↲. Unicode U+21B2. Carriage return: ↵ (↵). Serve HTML as UTF-8.
Use Cases
The Down Arrow Tip Left (↲) is commonly used in:
Indicate return, enter, or newline in forms, editors, and keyboard docs.
Show Shift+Enter or down-then-left in help text and UI.
Label return, down-left, or submit actions in interfaces.
Show flow downward then left in process diagrams.
Document keyboard behavior or navigation in specs and guides.
Hint at down-left or return movement in accessibility text.
💡 Best Practices
Do
- Use
↲for readable markup, or↲/↲ - Add
aria-labelwhen the symbol means return, newline, or down-left - Pair ↲ with a tooltip or label when meaning may not be obvious
- Use
\21B2in CSS::before/::afterfor return/newline icons - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse
↲(↲) with↵(↵, corner left) - Confuse ↲ with ↓ (
↓, straight down) - Put CSS escape
\21B2in HTML text nodes - Rely on the symbol alone in accessibility-critical UIs
- Assume decorative fonts include all Arrows glyphs
Key Takeaways
Named entity available: ↲
↲ ↲For CSS stylesheets, use the escape in the content property
\21B2Unicode U+21B2 — DOWNWARDS ARROW WITH TIP LEFTWARDS
Not the same as ↵ (↵, U+21B5)
Four methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
↲ (hex), ↲ (decimal), ↲ (named entity), or \21B2 in CSS content. All produce ↲.U+21B2 (DOWNWARDS ARROW WITH TIP LEFTWARDS). Arrows block (U+2190–U+21FF). Hex 21B2, decimal 8626. The glyph is a downward arrow with its tip bent to the left.↲ is easier to read in source than ↲ or ↲, but all produce ↲. The CSS escape \21B2 is used in stylesheets in the content property of pseudo-elements.↲ is the Down Arrow Tip Left (↲, U+21B2). The carriage return symbol (↵, U+21B5, ↵) is a different character—a downward arrow with a corner left. Both can suggest return or enter, but they are distinct Unicode glyphs.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
8 people found this page helpful
