HTML Entity for Right Arrow Loop (↬)

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

What Is the Right Arrow Loop Entity?

Right Arrow Loop (↬) is the Arrows character at Unicode U+21AC (RIGHTWARDS ARROW WITH LOOP). It is a rightwards arrow with a loop, often used for repeat, cycle, and navigation UI.

Remember
Character     ↬
Unicode       U+21AC
Hex entity    ↬
Decimal       ↬
Named entity  ↬
CSS escape    \21AC
Not the same  ↫ (↫) · ↪ (↪)

All of these produce the same glyph: ↬ (when the font supports U+21AC). Prefer ↬ in HTML source for clarity; use hex/decimal when generating entities, and CSS \21AC 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\21ACStylesheet 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: "\21AC"
Leftwards loopUse ↫ (U+21AB)
Rightwards hook (no loop)Use ↪ (U+21AA)

Live Preview

Right Arrow Loop in icon-style contexts.

Repeat link Repeat ↬
Large glyph ↬
Named entity ↬ → ↬
vs left / hook ↬  |  ↫  |  ↪
With entities Hex: ↬ | Decimal: ↬ | Named: ↬

Complete HTML Example

One page that shows Right Arrow Loop 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 Loop (↬) in HTML</title>
  <style>
    #point::after {
      content: "\21AC";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21AC;</p>
  <p>Using HTML Code: &#8620;</p>
  <p>Using Named Entity: &rarrlp;</p>
  <p id="point">Using CSS Entity: </p>
  <p><a href="#">Repeat &rarrlp;</a></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+21AC → &#x21AC; in HTML. The browser turns it into ↬.

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

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

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

Pitfalls & Tips

Common mistakes when working with Right Arrow Loop.

Direction

Right vs left loop

&rarrlp; is ↬. The leftwards form is &larrlp; (↫, U+21AB).

Look-alikes

Not the hook ↪

&rarrhk; (U+21AA) is a rightwards arrow with a hook — no loop. Different shape and code point.

A11y

Label the action

Pair ↬ with words like “Repeat” or “Cycle”, or use aria-label.

CSS vs HTML

Do not mix escapes

\21AC belongs in CSS. &rarrlp; / &#x21AC; / &#8620; belong in HTML.

Fonts

Arrows coverage

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

Semicolon

End references

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

Browser Support

Right Arrow Loop (U+21AC) and its entity forms (&rarrlp;, &#x21AC;, &#8620;, CSS \\21AC) are supported in modern browsers when the font includes the Arrows block.

✓ Universal support

Right Arrow Loop (&#x21AC;)

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

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+21AC / &rarrlp; Full support

Bottom line: Prefer &rarrlp; in HTML. Use \\21AC only inside CSS content. Do not confuse with &larrlp; or &rarrhk;.

Key Takeaways

  • Unicode: this symbol is U+21AC (decimal 8620).
  • HTML: prefer &rarrlp; — or use &#x21AC; / &#8620;.
  • CSS: use \21AC inside content for generated text.
  • Watch out: ↬ ≠ ↫ (&larrlp;) ≠ ↪ (&rarrhk;).

One line: U+21AC → &rarrlp; / &#x21AC; / &#8620; / CSS \21AC.

Frequently Asked Questions

Use &rarrlp; (named), &#x21AC; (hex), &#8620; (decimal), or the CSS escape \21AC in the content property. All render ↬ when the font supports the Arrows block.
U+21AC (RIGHTWARDS ARROW WITH LOOP). Hex 21AC, decimal 8620. It belongs to the Arrows block (U+2190–U+21FF).
Yes. &rarrlp; is the HTML5 named entity for U+21AC. You can also use &#x21AC; or &#8620;.
Use it for repeat/cycle UI cues, diagrams, and navigation that need a rightwards arrow with a loop. Prefer &rarrlp; for readable HTML source.
HTML entities (&rarrlp;, &#8620;, or &#x21AC;) go in markup. The CSS escape \21AC is used in stylesheets (usually in the content property of ::before/::after). Both render ↬.
U+21AB (↫, &larrlp;) is the leftwards arrow with loop. U+21AA (↪, &rarrhk;) is the rightwards arrow with hook. U+21AC is the rightwards looped arrow.

Did you know?

Right Arrow Loop is Unicode U+21AC (decimal 8620) — RIGHTWARDS ARROW WITH LOOP. HTML5 provides the named entity &rarrlp;. Prefer it for readable source, or use &#x21AC; / &#8620;. Do not confuse it with the left loop &larrlp; (U+21AB, ↫) or the right hook &rarrhk; (U+21AA, ↪).

Next: Right Arrow Over Left Arrow

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

Right Arrow Over Left Arrow 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