HTML Entity for Anticlockwise Closed Circle Arrow (⥀)
What You'll Learn
How to display the anticlockwise closed circle arrow (⥀, U+2940) in HTML. Unicode’s official name is ANTICLOCKWISE CLOSED CIRCLE ARROW; it shows an anticlockwise arrow inside a circle and is useful for rotation, rewind, undo, or circular flow in interfaces and diagrams.
The character lives in the Supplemental Arrows-B Unicode block. There is no named HTML entity for U+2940, so you use ⥀ or ⥀ in markup, or \2940 in CSS content on pseudo-elements.
⚡ Quick Reference — Anticlockwise Closed Circle Arrow
U+2940Supplemental Arrows-B block
⥀Hexadecimal reference
⥀Decimal reference
\2940Use in CSS content
Name Value
──────────── ──────────
Unicode U+2940
Hex code ⥀
HTML code ⥀
Named entity (none)
CSS code \2940Complete HTML Example
This example shows U+2940 using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2940";
}
</style>
</head>
<body>
<p>Anticlockwise Closed Circle Arrow using Hexa Decimal: ⥀</p>
<p>Anticlockwise Closed Circle Arrow using HTML Code: ⥀</p>
<p id="point">Anticlockwise Closed Circle Arrow using CSS Entity: </p>
</body>
</html>🌐 Browser Support
Numeric character references and CSS escapes for U+2940 are supported in all modern browsers. Rendering depends on fonts that include Supplemental Arrows-B glyphs:
👀 Live Preview
See U+2940 in short UI-style snippets:
⥀ or ⥀ in UTF-8 HTML.aria-label for accessibility.🧠 How It Works
Hexadecimal code
⥀ uses the Unicode hexadecimal value 2940. The x prefix marks hexadecimal format.
Decimal HTML code
⥀ is the decimal equivalent (1056010 = 294016). Either numeric form is valid in HTML text.
CSS entity
\2940 in a stylesheet (for example in content on ::after) emits the same code point. Use CSS escapes only in CSS, not raw in HTML text.
No named entity
HTML does not define a short named entity for U+2940. Stick to ⥀, ⥀, or the literal UTF-8 character in source.
Same visual result
All supported methods expose U+2940 (Supplemental Arrows-B). Official name: ANTICLOCKWISE CLOSED CIRCLE ARROW. Use numeric references in markup and \2940 only in CSS.
Use Cases
U+2940 is a good fit when you need a circular anticlockwise cue (always pair with text or an accessible name):
Rotation controls, “rotate left,” rewind, or circular back actions.
Rewind or seek-back affordances next to play and pause.
Image editors and viewers that show counterclockwise rotation inside a circle.
Circular or cyclic flow drawn counterclockwise in process or cycle charts.
Circular selectors or knobs where anticlockwise means decrease or go back.
Counterclockwise direction in geometry, mechanics, or angular conventions.
Add aria-label or visible text (“Rewind,” “Rotate left”); the shape alone is ambiguous for screen readers.
💡 Best Practices
Do
- Use
⥀or⥀consistently within one project - Choose a font stack with good coverage for supplemental arrows
- Combine the glyph with visible text on buttons (for example “⥀ Rotate left”)
- Use
\2940only inside CSScontent, not pasted into HTML text - Offer a clockwise counterpart (U+2941) when users must pick direction explicitly
Don’t
- Rely on the symbol alone for safety-critical or irreversible actions
- Assume every system font draws U+2940 identically; test on mobile
- Confuse U+2940 with the open-circle or semicircle arrow variants in other blocks
- Use HTML numeric references inside JavaScript strings (use
\u2940there instead) - Forget focus styles and touch targets when the arrow is the whole control
Key Takeaways
Two HTML numeric forms for U+2940
⥀ ⥀CSS content escape
\2940Unicode U+2940 — ANTICLOCKWISE CLOSED CIRCLE ARROW
Supplemental Arrows-B — no standard named HTML entity
Label the action for assistive technology; the circle arrow alone is not self-explanatory
❓ Frequently Asked Questions
⥀ (hex), ⥀ (decimal), or \2940 in CSS content. All render the same character. There is no named entity.U+2940 (decimal 10560, hex 2940). Official name: ANTICLOCKWISE CLOSED CIRCLE ARROW. Block: Supplemental Arrows-B.⥀ or ⥀ in text nodes. CSS uses backslash hex escapes inside content rules. Same code point; different syntax layer.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful