HTML Entity for Clockwise Closed Circle Arrow (⥁)
What You'll Learn
How to display the Clockwise Closed Circle Arrow (⥁) in HTML and CSS. This character is U+2941 (CLOCKWISE CLOSED CIRCLE ARROW) in the Supplemental Arrows-B block (U+2900–U+297F). It depicts a clockwise arrow forming a closed circular path—commonly used for refresh, reload, and rotation UI.
There is no named HTML entity for U+2941. Use ⥁ or ⥁ in markup, or \2941 in stylesheet content. Do not confuse ⥁ with Clockwise Open Circle Arrow U+21BB (↻), Clockwise Arrow U+21B7 (↷, ↷), or Anticlockwise Closed Circle Arrow U+2940 (⥀).
⚡ Quick Reference — Clockwise Closed Circle Arrow
U+2941Supplemental Arrows-B (U+2900–U+297F)
⥁Hexadecimal reference
⥁Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+2941
Hex code ⥁
HTML code ⥁
Named entity —
CSS code \2941Complete HTML Example
This example shows U+2941 using hexadecimal and decimal character references, plus a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2941";
}
</style>
</head>
<body>
<p>Clockwise Closed Circle Arrow using Hexa Decimal: ⥁</p>
<p>Clockwise Closed Circle Arrow using HTML Code: ⥁</p>
<p id="point">Clockwise Closed Circle Arrow using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+2941 is supported in modern browsers; glyph appearance may vary by font:
👀 Live Preview
See the Clockwise Closed Circle Arrow in UI contexts:
🧠 How It Works
Hexadecimal Code
⥁ references code point U+2941 using hex digits 2941.
Decimal HTML Code
⥁ is the decimal equivalent (10561) for the same character.
CSS Entity
\2941 is the CSS escape for U+2941, used in the content property of ::before or ::after.
Same visual result
All three methods produce the Clockwise Closed Circle Arrow glyph: ⥁. Unicode U+2941 sits in Supplemental Arrows-B (U+2900–U+297F). No named HTML entity exists.
Use Cases
The Clockwise Closed Circle Arrow (⥁) commonly appears in:
Reload buttons and browser-style refresh controls in web applications.
Clockwise rotation in image editors, 3D viewers, and design tools.
Process charts and flowcharts showing clockwise circular flow.
Spinners and progress UI suggesting rotational motion.
Circular navigation, carousels, and directional rotation cues.
Unicode tables and Supplemental Arrows-B glossaries.
Pair with visible text or aria-label="refresh" on interactive controls.
💡 Best Practices
Do
- Use
⥁or⥁consistently in HTML - Provide visible text labels on refresh/rotate buttons
- Choose fonts that support Supplemental Arrows-B (Segoe UI Symbol, Noto Sans Symbols)
- Use
\2941only inside CSScontent, not in HTML text - Set
aria-labelon icon-only controls for screen readers
Don’t
- Confuse U+2941 (⥁) with U+21BB open circle arrow (↻)
- Assume a named entity exists—U+2941 has none
- Rely on the glyph alone without accessible labels on buttons
- Use U+02941 notation—the correct code point is U+2941
- Mix hex and decimal styles randomly in one file
Key Takeaways
No named entity—use numeric references
⥁ ⥁For CSS stylesheets, use the escape in the content property
\2941U+2941 CLOCKWISE CLOSED CIRCLE ARROW
Supplemental Arrows-B block U+2900–U+297F
Three methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
⥁ (hex), ⥁ (decimal), or \2941 in CSS content. There is no named HTML entity for U+2941.U+2941 (CLOCKWISE CLOSED CIRCLE ARROW). Supplemental Arrows-B (U+2900–U+297F). Hex 2941, decimal 10561.⥁ or ⥁) go directly in HTML markup. The CSS escape \2941 is used in stylesheets, typically in the content property of pseudo-elements.⥁, ⥁, or \2941 in CSS. Clockwise Open Circle Arrow is U+21BB (↻)—a different character.Explore More HTML Entities!
Discover 1500+ HTML character references — math operators, symbols, arrows, and more.
About the author
8 people found this page helpful