HTML Entity for Right Arrow Hook (↪)
What You'll Learn
How to display the Right Arrow Hook (↪) in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This symbol is U+21AA (RIGHTWARDS ARROW WITH HOOK) in the Arrows block (U+2190–U+21FF)—a rightward arrow with a hook, commonly used for navigation, redirects, command flows, and return-path indicators.
Render it with ↪ (named), ↪, ↪, or CSS \21AA. Related: U+21A9 (↩, left arrow hook / ↩), U+291A (⤚, right arrow headless tail / ⤚). Do not confuse ↪ with plain right arrow →.
⚡ Quick Reference — Right Arrow Hook
U+21AAArrows (U+2190–U+21FF)
↪Hexadecimal reference
↪Decimal reference
↪Standard HTML entity
Name Value
──────────── ──────────
Unicode U+21AA
Hex code ↪
HTML code ↪
Named entity ↪
CSS code \21AA
Meaning Rightwards arrow with hook
Related U+21A9 = left arrow hook (↩, ↩)
U+291A = right arrow headless tail (⤚, ⤚)
Block Arrows (U+2190–U+21FF)Complete HTML Example
A simple example showing ↪ using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\21AA";
}
</style>
</head>
<body>
<p>Hex: ↪</p>
<p>Decimal: ↪</p>
<p>Named: ↪</p>
<p id="point">CSS: </p>
</body>
</html>🌐 Browser Support
U+21AA is widely supported in all modern browsers—it is part of the standard Arrows block:
👀 Live Preview
See the Right Arrow Hook (↪) in common contexts:
🧠 How It Works
Named HTML Entity
↪ is the named entity for U+21AA (rightwards arrow with hook). It is the most readable option in HTML source.
Hexadecimal Code
↪ uses the Unicode hexadecimal value 21AA.
Decimal HTML Code
↪ uses the decimal Unicode value 8618 for the same character.
CSS Entity
\21AA is used in CSS stylesheets in the content property of pseudo-elements.
Same visual result
All four methods produce ↪. Unicode U+21AA in the Arrows block. Previous: Right Arrow Headless Tail (⤚). Next: Right Arrow Loop (↬).
Use Cases
The Right Arrow Hook (↪) is commonly used in:
Menus, breadcrumbs, and UI elements showing rightward movement with a hook.
Redirect pages, link indicators, and continue/next actions.
CLI docs, terminal UIs, and flow diagrams for command sequences.
Buttons, icons, and interactive elements with directional indicators.
Workflow diagrams and guides showing direction with a return hook.
Pair ↪ with plain language (e.g. “continue to”) for screen readers.
💡 Best Practices
Do
- Prefer
↪in HTML for readable source markup - Use ↪ for redirects, continue actions, and command-flow notation
- Set
<meta charset="utf-8"> - Link to Left Arrow Hook for the paired ↩ symbol
- Keep one entity style consistent across your project
- Use CSS
\21AAfor decorative arrows in pseudo-elements
Don’t
- Confuse ↪ (U+21AA) with ↩ (U+21A9) or plain →
- Use padded Unicode notation like U+021AA—the correct value is
U+21AA - Use CSS escape
\21AAin HTML text nodes - Substitute ASCII
->when the hook arrow ↪ is intended - Confuse ↪ with loop arrow ↬ (
↬)
Key Takeaways
Four ways to render U+21AA in HTML and CSS
↪ ↪ ↪For CSS, use \21AA in the content property
Unicode U+21AA — RIGHTWARDS ARROW WITH HOOK (↪)
Paired with left hook ↩ (↩); distinct from → and loop ↬
Previous: Right Arrow Headless Tail (⤚) Next: Right Arrow Loop (↬)
❓ Frequently Asked Questions
↪ (named), ↪ (hex), ↪ (decimal), or \21AA in CSS content. All four render ↪.U+21AA (RIGHTWARDS ARROW WITH HOOK). Arrows block (U+2190–U+21FF). Hex 21AA, decimal 8618.↪, ↪, ↪) go in markup. The CSS escape \21AA is used in stylesheets, typically on ::before or ::after. Both render ↪.↪ is the standard named HTML entity for U+21AA. You can also use ↪ (decimal) or ↪ (hex) and \21AA in CSS—all equivalent in modern browsers.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful