HTML Entity for Clockwise Closed Circle Arrow (⥁)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+2941

What Is the Clockwise Closed Circle Arrow Entity?

Clockwise Closed Circle Arrow (⥁) is the Unicode character at U+2941 in the Supplemental Arrows-B block (official name: CLOCKWISE CLOSED CIRCLE ARROW). It is a full-circle clockwise arrow used for refresh, rotate, and cycle cues in diagrams and simple UI labels.

Remember
Character     ⥁
Unicode       U+2941
Hex entity    ⥁
Decimal       ⥁
Named entity  (none)
CSS escape    \2941

All of these produce the same glyph: ⥁. Prefer a typed ⥁ or hex ⥁ in hand-written HTML; use decimal when generating numeric-only markup.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character⥁HTML text (UTF-8)
Hex entity⥁HTML markup
Decimal entity⥁HTML markup
CSS escape\2941Stylesheet content
Named entitynoneUse hex or decimal instead

When to Use Which

SituationUse
Hand-written HTMLType ⥁ or use ⥁
Generated / numeric-only markup⥁ or ⥁
Generated text via ::before / ::aftercontent: "\2941"
Open circle clockwise arrowUse ↻ (U+21BB / ↻), not ⥁
Top semicircle clockwise arrow↷ U+21B7 (↷)

Live Preview

Clockwise closed circle arrow rendered in common writing contexts.

Inline text ⥁ Refresh list
Large glyph ⥁
Compared ⥁   ↻   ↷
Monospace action: ⥁ cycle
With entities Hex: ⥁ | Decimal: ⥁

Complete HTML Example

One page that shows Clockwise Closed Circle Arrow with the hex entity, decimal entity, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ⥁ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Clockwise Closed Circle Arrow (⥁) in HTML</title>
  <style>
    #point::after {
      content: "\2941";
    }
  </style>
</head>
<body>
  <p>Clockwise Closed Circle Arrow using Hex Code: &#x2941;</p>
  <p>Clockwise Closed Circle Arrow using HTML Code: &#10561;</p>
  <p id="point">Clockwise Closed Circle Arrow using CSS Entity: </p>
  <p>Typed directly: ⥁</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2941 → &#x2941; in HTML. The browser turns it into ⥁.

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

3. CSS: use \2941 in content (not an HTML entity). #point::after appends that ⥁ after the paragraph text.

4. Typed ⥁: fine in UTF-8 pages. All four lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with Clockwise Closed Circle Arrow entities.

Named?

No named entity

HTML5 does not define a named reference for U+2941. Use &#x2941; or &#10561;.

CSS vs HTML

Do not mix escapes

\2941 belongs in CSS. &#x2941; / &#10561; belong in HTML.

⥁ vs ↻

Different characters

⥁ is U+2941 (closed). Open circle ↻ is U+21BB (&orarr;).

A11y

Do not rely on the glyph alone

Pair ⥁ with text (or an accessible name) so screen-reader users get the same meaning — e.g. “Refresh”.

Semicolon

End references

Always finish with ; — write &#10561;, not &#10561.

Fonts

Coverage varies

Supplemental Arrows-B glyphs may be missing in some fonts. If ⥁ falls back to a box, use SVG or a related arrow with wider support.

Browser Support

Clockwise Closed Circle Arrow (U+2941) and its entity forms (&#x2941;, &#10561;, CSS \\2941) are supported in all mainstream browsers that handle Unicode. Glyph availability depends on fonts.

✓ Universal support

Clockwise Closed Circle Arrow (⥁)

Type ⥁, or encode with hex, decimal, or CSS escape — same glyph everywhere encoding and fonts support it.

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+2941 / entities Full support

Bottom line: Prefer &#x2941; or a typed ⥁ for closed-circle refresh cues. Use decimal when generating markup, and \\2941 only inside CSS content.

Key Takeaways

  • Unicode: clockwise closed circle arrow is U+2941 (decimal 10561).
  • HTML: use &#x2941; or &#10561; (no named entity).
  • CSS: use \2941 inside content for generated text.
  • Watch out: ⥁ ≠ ↻ ≠ ↷ (closed ≠ open ≠ semicircle).

One line: U+2941 → &#x2941; / &#10561; / CSS \2941.

Frequently Asked Questions

Use &#x2941; (hex), &#10561; (decimal), or the CSS escape \2941 in the content property. All render ⥁. You can also paste ⥁ directly when your file is UTF-8. There is no named HTML entity.
U+2941 (hex 2941, decimal 10561). Unicode names it CLOCKWISE CLOSED CIRCLE ARROW. It belongs to the Supplemental Arrows-B block.
No. HTML5 does not define a named entity for ⥁. Use numeric references like &#x2941; or &#10561;.
Use it for refresh, rotate, or cycle cues in diagrams and simple UI labels. Prefer SVG icons when you need precise size, color, or animation control.
HTML entities (&#10561; or &#x2941;) go in markup. The CSS escape \2941 goes in stylesheet strings (usually content on ::before/::after).
⥁ (U+2941) is a closed circle clockwise arrow. ↻ (U+21BB / &orarr;) is an open circle clockwise arrow. ↷ (U+21B7 / &curarr;) is a top-semicircle clockwise arrow. They look related but are different characters.

Did you know?

Clockwise closed circle arrow is Unicode U+2941 (decimal 10561) — official name CLOCKWISE CLOSED CIRCLE ARROW in the Supplemental Arrows-B block. HTML5 has no named entity. It is not the open circle arrow ↻ (U+21BB / &orarr;) or the top semicircle ↷ (U+21B7 / &curarr;).

Next: Clockwise Contour Integral

Learn the HTML entity for clockwise contour integral (U+2232).

Clockwise Contour Integral 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