HTML Entity for Anticlockwise Arrow (↶)

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

What Is the Anticlockwise Arrow Entity?

Anticlockwise top semicircle arrow (↶) is Unicode U+21B6 in the Arrows block. It is a curved arrow that turns anticlockwise (counterclockwise) — often used for undo, rewind, or rotate-left cues. HTML provides the named entity ↶.

Remember
Character     ↶
Unicode       U+21B6
Hex entity    ↶
Decimal       ↶
Named entity  ↶
CSS escape    \21B6
Partner       ↷ U+21B7 → ↷

All of these produce the same glyph: ↶. Prefer ↶ in hand-written HTML; type ↶ in UTF-8 when you can; use numeric or CSS forms for generated content.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character↶HTML text (UTF-8)
Named entity↶HTML markup (preferred name)
Hex entity↶HTML markup
Decimal entity↶HTML markup
CSS escape\21B6Stylesheet content
Clockwise partner↷ / ↷↷ (U+21B7) — opposite direction

When to Use Which

SituationUse
Undo / rewind / rotate left cue↶ or type ↶
Redo / rotate right cue↷ (U+21B7) / ↷
Full circular refresh-style arrowOpen / closed circle forms
Need an entity in HTML source↶, ↶, or ↶
Generated text via ::before / ::aftercontent: "\21B6"

Live Preview

Anticlockwise arrow in common UI and study contexts.

Inline UI label ↶ Undo
Large glyph ↶
vs. clockwise ↶ anticlockwise | ↷ clockwise
Button-style [ ↶ ] Back
With entities Named: ↶ | Hex: ↶ | Decimal: ↶

Complete HTML Example

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

Hex + Decimal + Named + CSS + Typed

Five ways to produce ↶ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Anticlockwise Arrow (↶) in HTML</title>
  <style>
    #point::after {
      content: "\21B6";
    }
  </style>
</head>
<body>
  <p>Anticlockwise using Hex Code: &#x21B6;</p>
  <p>Anticlockwise using HTML Code: &#8630;</p>
  <p>Anticlockwise using Named Entity: &cularr;</p>
  <p id="point">Anticlockwise using CSS Entity: </p>
  <p>Typed directly: ↶</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+21B6 → &#x21B6; in HTML. The browser turns it into ↶.

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

3. Named: &cularr; is the standard HTML name for U+21B6 — clear in source.

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

5. Typed ↶: fine in UTF-8 source. All five lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with the anticlockwise arrow (↶) entity.

Direction

Do not swap with clockwise

&cularr; is ↶. &curarr; is ↷. Match the action you mean.

Circle

Not a full refresh circle

U+21B6 is a top semicircle. For full loops, use open/closed circle arrow entities.

CSS vs HTML

Do not mix escapes

\21B6 belongs in CSS. &cularr; / &#x21B6; belong in HTML.

Fonts

Arrow coverage varies

Some UI fonts omit curved Arrows-block glyphs. Prefer fonts with solid arrow coverage.

A11y

Label the action

Pair ↶ with text like “Undo” so meaning does not rely on the glyph alone.

Semicolon

End references

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

Browser Support

Anticlockwise top semicircle arrow (U+21B6) and its entity forms (&cularr;, &#x21B6;, &#8630;, CSS \\21B6) are supported in all mainstream browsers. Glyph availability depends on font support for the Arrows block.

✓ Universal support

Anticlockwise Arrow (↶)

Type ↶, or encode with named, hex, decimal, or CSS escape — same glyph everywhere encoding is supported.

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

Bottom line: Prefer &cularr; or a typed ↶ for normal text. Use numeric forms when generating markup, and \\21B6 only inside CSS content.

Key Takeaways

  • Unicode: anticlockwise top semicircle arrow is U+21B6 (decimal 8630).
  • HTML: prefer &cularr; (or &#x21B6; / &#8630;).
  • CSS: use \21B6 inside content for generated text.
  • Partner: clockwise is &curarr; (↷, U+21B7).

One line: U+21B6 → &cularr; / &#x21B6; / &#8630; / CSS \21B6.

Frequently Asked Questions

Use &#x21B6; (hex), &#8630; (decimal), &cularr; (named), or the CSS escape \21B6 in the content property. All render ↶. You can also paste ↶ directly if your file is UTF-8.
U+21B6 (hex 21B6, decimal 8630). Unicode names it Anticlockwise top semicircle arrow. It belongs to the Arrows block (U+2190–U+21FF).
Yes. &cularr; maps to U+21B6. Prefer it in hand-written HTML; numeric forms are useful in generated markup or XML contexts.
Use ↶ for anticlockwise / undo / rewind cues. Use ↷ (&curarr;) when the action is clockwise or redo-style. They are mirror partners, not the same character.
HTML entities (&#8630;, &#x21B6;, or &cularr;) go in markup. The CSS escape \21B6 is used in stylesheets (usually in the content property of ::before/::after). Both render ↶.
No. U+21B6 is a top semicircle anticlockwise arrow. Full circular arrows (e.g. open/closed circle forms) are different code points — see related anticlockwise circle arrow pages.

Did you know?

Anticlockwise top semicircle arrow is Unicode U+21B6 (decimal 8630) in the Arrows block. HTML provides the named entity &cularr;. The glyph ↶ is often used for undo, rewind, or counterclockwise rotation — not the same as clockwise ↷ (U+21B7 / &curarr;).

Next: Anticlockwise Closed Circle Arrow

Learn the HTML entity for the anticlockwise closed circle arrow used in diagrams and math notation.

Closed Circle 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