HTML Entity for Right Arrow With Corner Down (↴)
What You'll Learn
How to display the Right Arrow With Corner Down (↴) in HTML using hexadecimal, decimal, and CSS escape methods. This symbol is U+21B4 (RIGHTWARDS ARROW WITH CORNER DOWNWARD) in the Arrows block (U+2190–U+21FF)—a rightward arrow that turns downward, used for navigation icons, UI design, flowcharts, and process diagrams.
Render it with ↴, ↴, or CSS \21B4. There is no named HTML entity. Related: U+21B5 (↵, downwards arrow with corner leftward), U+27F4 (⟴, right arrow with circled plus). Do not confuse ↴ with ↳ (↳) or plain →.
⚡ Quick Reference — Right Arrow With Corner Down
U+21B4Arrows block (U+2190–U+21FF)
↴Hexadecimal reference
↴Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+21B4
Hex code ↴
HTML code ↴
Named entity (none)
CSS code \21B4
Meaning Rightwards arrow with corner downward
Related U+21B5 = down arrow with corner left (↵)
U+21B3 = up arrow with tip left (↳)
U+2911 = right arrow with dotted stem (⤑)
Block Arrows (U+2190–U+21FF)Complete HTML Example
A simple example showing ↴ using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\21B4";
}
</style>
</head>
<body>
<p>Hex: ↴</p>
<p>Decimal: ↴</p>
<p id="point">CSS: </p>
</body>
</html>🌐 Browser Support
U+21B4 renders in modern browsers when the font includes Arrows block glyphs:
👀 Live Preview
See the Right Arrow With Corner Down (↴) in common contexts:
🧠 How It Works
Hexadecimal Code
↴ uses the Unicode hexadecimal value 21B4. The x prefix indicates hexadecimal format.
Decimal HTML Code
↴ uses the decimal Unicode value 8628 for the same character.
CSS Entity
\21B4 is used in CSS stylesheets in the content property of pseudo-elements.
Same visual result
All three methods produce ↴. Unicode U+21B4 in the Arrows block. No named entity—use numeric codes. Previous: Right Arrow With Circled Plus (⟴). Next: Right Arrow With Dotted Stem (⤑).
Use Cases
The Right Arrow With Corner Down (↴) is commonly used in:
Menus and breadcrumbs showing a rightward path that turns downward.
Buttons and links with corner-turn directional indicators.
Process diagrams and workflow visualizations with direction changes.
Wayfinding, maps, and guides with complex directional paths.
Business process docs and workflow charts needing turn arrows.
Pair ↴ with plain language describing the turn or next step for screen readers.
💡 Best Practices
Do
- Use
↴or↴in HTML (no named entity exists) - Use ↴ when a right-then-down turn fits your navigation or diagram
- Set
<meta charset="utf-8"> - Keep hex or decimal style consistent across your project
- Use CSS
\21B4for decorative arrows in pseudo-elements - Test rendering across browsers and font stacks
Don’t
- Confuse ↴ (U+21B4) with ↳ (U+21B3), ↵ (U+21B5), or plain →
- Use padded Unicode notation like U+021B4—the correct value is
U+21B4 - Use CSS escape
\21B4in HTML text nodes - Use padded CSS like
\021B4—prefer\21B4 - Use lowercase hex in reference tables when uppercase is your project standard (
21B4)
Key Takeaways
Three ways to render U+21B4 in HTML and CSS
↴ ↴For CSS, use \21B4 in the content property
Unicode U+21B4 — RIGHTWARDS ARROW WITH CORNER DOWNWARD (↴)
No named HTML entity—use numeric hex or decimal references
Previous: Right Arrow With Circled Plus (⟴) Next: Right Arrow With Dotted Stem (⤑)
❓ Frequently Asked Questions
↴ (hex), ↴ (decimal), or \21B4 in CSS content. There is no named HTML entity. All three render ↴.U+21B4 (RIGHTWARDS ARROW WITH CORNER DOWNWARD). Arrows block (U+2190–U+21FF). Hex 21B4, decimal 8628.↴, ↴) go in markup. The CSS escape \21B4 is used in stylesheets, typically on ::before or ::after. Both render ↴.↴) or decimal (↴) references instead.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful