HTML Entity for Right Arrow Loop (↬)
What You'll Learn
How to display the Right Arrow Loop (↬) in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This symbol is U+21AC (RIGHTWARDS ARROW WITH LOOP) in the Arrows block (U+2190–U+21FF)—a rightward arrow with a loop, commonly used for navigation, cycling, repeat actions, and UI indicators.
Render it with ↬ (named), ↬, ↬, or CSS \21AC. Related: U+21AB (↫, left arrow loop / ↫), U+21AA (↪, right arrow hook / ↪). Do not confuse ↬ with plain right arrow →.
⚡ Quick Reference — Right Arrow Loop
U+21ACArrows (U+2190–U+21FF)
↬Hexadecimal reference
↬Decimal reference
↬Standard HTML entity
Name Value
──────────── ──────────
Unicode U+21AC
Hex code ↬
HTML code ↬
Named entity ↬
CSS code \21AC
Meaning Rightwards arrow with loop
Related U+21AB = left arrow loop (↫, ↫)
U+21AA = right arrow hook (↪, ↪)
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: "\21AC";
}
</style>
</head>
<body>
<p>Hex: ↬</p>
<p>Decimal: ↬</p>
<p>Named: ↬</p>
<p id="point">CSS: </p>
</body>
</html>🌐 Browser Support
U+21AC is widely supported in all modern browsers—it is part of the standard Arrows block:
👀 Live Preview
See the Right Arrow Loop (↬) in common contexts:
🧠 How It Works
Named HTML Entity
↬ is the named entity for U+21AC (rightwards arrow with loop). It is the most readable option in HTML source.
Hexadecimal Code
↬ uses the Unicode hexadecimal value 21AC.
Decimal HTML Code
↬ uses the decimal Unicode value 8620 for the same character.
CSS Entity
\21AC is used in CSS stylesheets in the content property of pseudo-elements.
Same visual result
All four methods produce ↬. Unicode U+21AC in the Arrows block. Previous: Right Arrow Hook (↪). Next: Right Arrow Over Left Arrow (⇄).
Use Cases
The Right Arrow Loop (↬) is commonly used in:
Menus and UI that cycle through items or loop back to the start.
Repeat, rotate, and carousel controls in apps and websites.
Buttons, icons, and dashboards showing loop or cycle actions.
Flowcharts and process maps with looping or iterative steps.
Redo, replay, and iterate indicators in media and tool UIs.
Pair ↬ with plain language (e.g. “repeat” or “cycle”) for screen readers.
💡 Best Practices
Do
- Prefer
↬in HTML for readable source markup - Use ↬ for repeat, cycle, and carousel-style navigation
- Set
<meta charset="utf-8"> - Link to Left Arrow Loop for the paired ↫ symbol
- Keep one entity style consistent across your project
- Use CSS
\21ACfor decorative loop arrows in pseudo-elements
Don’t
- Confuse ↬ (U+21AC) with ↫ (U+21AB) or ↪ (U+21AA)
- Use padded Unicode notation like U+021AC—the correct value is
U+21AC - Use CSS escape
\21ACin HTML text nodes - Substitute ASCII
->when the loop arrow ↬ is intended - Confuse ↬ with swap arrows ⇄ (
⇄)
Key Takeaways
Four ways to render U+21AC in HTML and CSS
↬ ↬ ↬For CSS, use \21AC in the content property
Unicode U+21AC — RIGHTWARDS ARROW WITH LOOP (↬)
Paired with left loop ↫ (↫); distinct from hook ↪ and →
Previous: Right Arrow Hook (↪) Next: Right Arrow Over Left Arrow (⇄)
❓ Frequently Asked Questions
↬ (named), ↬ (hex), ↬ (decimal), or \21AC in CSS content. All four render ↬.U+21AC (RIGHTWARDS ARROW WITH LOOP). Arrows block (U+2190–U+21FF). Hex 21AC, decimal 8620.↬ is more readable in source markup; ↬ and ↬ are numeric alternatives. All render ↬ in modern browsers.↬, ↬, ↬) go in markup. The CSS escape \21AC is used in stylesheets, typically on ::before or ::after. Both render ↬.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful