HTML Entity for Left Arrow Hook (↩)

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

What Is the Left Arrow Hook Entity?

Left Arrow Hook (↩) is the Arrows character at Unicode U+21A9 (LEFTWARDS ARROW WITH HOOK). It is a leftwards arrow with a hook, often used for undo, return, and navigation UI.

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

All of these produce the same glyph: ↩ (when the font supports U+21A9). Prefer ↩ in HTML source for clarity; use hex/decimal when generating entities, and CSS \21A9 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\21A9Stylesheet 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: "\21A9"
Rightwards hookUse ↪ (U+21AA)
Enter / return corner arrowUse ↵ (U+21B5)

Live Preview

Left Arrow Hook in icon-style contexts.

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

Complete HTML Example

One page that shows Left 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>Left Arrow Hook (↩) in HTML</title>
  <style>
    #point::after {
      content: "\21A9";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21A9;</p>
  <p>Using HTML Code: &#8617;</p>
  <p>Using Named Entity: &larrhk;</p>
  <p id="point">Using CSS Entity: </p>
  <p><a href="#">&larrhk; Return</a></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+21A9 → &#x21A9; in HTML. The browser turns it into ↩.

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

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

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

Pitfalls & Tips

Common mistakes when working with Left 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

Left vs right hook

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

A11y

Label the action

Pair ↩ with words like “Return” or “Undo”, or use aria-label.

CSS vs HTML

Do not mix escapes

\21A9 belongs in CSS. &larrhk; / &#x21A9; / &#8617; belong in HTML.

Fonts

Arrows coverage

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

Semicolon

End references

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

Browser Support

Left Arrow Hook (U+21A9) and its entity forms (&larrhk;, &#x21A9;, &#8617;, CSS \\21A9) are supported in modern browsers when the font includes the Arrows block.

✓ Universal support

Left Arrow Hook (&#x21A9;)

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

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+21A9 / &larrhk; Full support

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

Key Takeaways

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

One line: U+21A9 → &larrhk; / &#x21A9; / &#8617; / CSS \21A9.

Frequently Asked Questions

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

Did you know?

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

Next: Left Arrow Loop

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

Left 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