HTML Entity for Right Arrow Hook (↪)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+21AA

What Is the Right Arrow Hook Entity?

Right Arrow Hook (↪) is the Arrows character at Unicode U+21AA (RIGHTWARDS ARROW WITH HOOK). It is a rightwards arrow with a hook, often used for continue, redirect, and navigation UI.

Remember
Character     ↪
Unicode       U+21AA
Hex entity    ↪
Decimal       ↪
Named entity  ↪
CSS escape    \21AA
Not the same  ↩ (↩) · ↵ (↵)

All of these produce the same glyph: ↪ (when the font supports U+21AA). Prefer ↪ in HTML source for clarity; use hex/decimal when generating entities, and CSS \21AA only in content.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity↪HTML markup (best default)
Hex entity↪HTML markup
Decimal entity↪HTML markup
CSS escape\21AAStylesheet content
Direct character↪UTF-8 HTML text

When to Use Which

SituationUse
Readable HTML source↪
Need a numeric entity in HTML↪ or ↪
Generated text via ::before / ::aftercontent: "\21AA"
Leftwards hookUse ↩ (U+21A9)
Enter / return corner arrowUse ↵ (U+21B5)

Live Preview

Right Arrow Hook in icon-style contexts.

Continue link Continue ↪
Large glyph ↪
Named entity ↪ → ↪
vs left / Enter ↪  |  ↩  |  ↵
With entities Hex: ↪ | Decimal: ↪ | Named: ↪

Complete HTML Example

One page that shows Right Arrow Hook with hex, decimal, named, and CSS. Use View Output or open the live editor.

Hex + Decimal + Named + CSS

All four ways to produce ↪ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Right Arrow Hook (↪) in HTML</title>
  <style>
    #point::after {
      content: "\21AA";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21AA;</p>
  <p>Using HTML Code: &#8618;</p>
  <p>Using Named Entity: &rarrhk;</p>
  <p id="point">Using CSS Entity: </p>
  <p><a href="#">Continue &rarrhk;</a></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+21AA → &#x21AA; in HTML. The browser turns it into ↪.

2. Decimal: same code point as 8618 → &#8618;. Same result as hex.

3. Named: &rarrhk; is the HTML5 name for this character.

4. CSS: use \21AA in content (not an HTML entity). #point::after appends that ↪ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with Right Arrow Hook.

Look-alikes

Not Enter corner ↵

&crarr; (U+21B5) is the downwards corner arrow often used for Return/Enter — a different code point.

Direction

Right vs left hook

&rarrhk; is ↪. The leftwards form is &larrhk; (↩, U+21A9).

A11y

Label the action

Pair ↪ with words like “Continue” or “Next”, or use aria-label.

CSS vs HTML

Do not mix escapes

\21AA belongs in CSS. &rarrhk; / &#x21AA; / &#8618; belong in HTML.

Fonts

Arrows coverage

Most modern UI fonts include U+21AA. If a glyph is missing, try Segoe UI Symbol or Noto Sans Symbols.

Semicolon

End references

Always finish with ; — write &rarrhk;, not &rarrhk.

Browser Support

Right Arrow Hook (U+21AA) and its entity forms (&rarrhk;, &#x21AA;, &#8618;, CSS \\21AA) are supported in modern browsers when the font includes the Arrows block.

✓ Universal support

Right Arrow Hook (&#x21AA;)

Encode with named, hex, decimal, or CSS escape — same character when the font supports U+21AA.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+21AA / &rarrhk; Full support

Bottom line: Prefer &rarrhk; in HTML. Use \\21AA only inside CSS content. Do not confuse with &crarr; or &larrhk;.

Key Takeaways

  • Unicode: this symbol is U+21AA (decimal 8618).
  • HTML: prefer &rarrhk; — or use &#x21AA; / &#8618;.
  • CSS: use \21AA inside content for generated text.
  • Watch out: ↪ ≠ ↩ (&larrhk;) ≠ ↵ (&crarr;).

One line: U+21AA → &rarrhk; / &#x21AA; / &#8618; / CSS \21AA.

Frequently Asked Questions

Use &rarrhk; (named), &#x21AA; (hex), &#8618; (decimal), or the CSS escape \21AA in the content property. All render ↪ when the font supports the Arrows block.
U+21AA (RIGHTWARDS ARROW WITH HOOK). Hex 21AA, decimal 8618. It belongs to the Arrows block (U+2190–U+21FF).
Yes. &rarrhk; is the HTML5 named entity for U+21AA. You can also use &#x21AA; or &#8618;.
Use it for continue/redirect UI cues, command flows, and diagrams that need a rightwards arrow with a hook. Prefer &rarrhk; for readable HTML source.
HTML entities (&rarrhk;, &#8618;, or &#x21AA;) go in markup. The CSS escape \21AA is used in stylesheets (usually in the content property of ::before/::after). Both render ↪.
U+21A9 (↩, &larrhk;) is the leftwards arrow with hook. U+21B5 (↵, &crarr;) is the downwards arrow with corner leftwards (classic Enter/return shape). U+21AA is the rightwards hooked arrow.

Did you know?

Right Arrow Hook is Unicode U+21AA (decimal 8618) — RIGHTWARDS ARROW WITH HOOK. HTML5 provides the named entity &rarrhk;. Prefer it for readable source, or use &#x21AA; / &#8618;. Do not confuse it with the Enter/return corner arrow &crarr; (U+21B5, ↵) or the left hook &larrhk; (U+21A9).

Next: Right Arrow Loop

Learn the HTML entity for Right Arrow Loop — next in this sequence.

Right Arrow Loop tutorial →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful