HTML Entity for Top Arc Anticlockwise Arrow (⤺)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+293A

What You'll Learn

How to display the Top Arc Anticlockwise Arrow (⤺) in HTML using hexadecimal, decimal, and CSS escape methods. This symbol is U+293A (TOP ARC ANTICLOCKWISE ARROW) in the Supplemental Arrows-B block (U+2900–U+297F)—a curved arrow pointing anticlockwise from the top, used for rotation indicators, refresh buttons, and undo actions.

Render it with ⤺, ⤺, or CSS escape \293A. There is no named HTML entity. Do not confuse ⤺ with U+2938 (⤸, right side arc clockwise arrow / ⤸) or U+293D (⤽, top arc anticlockwise arrow plus / ⤽).

⚡ Quick Reference — Top Arc Anticlockwise Arrow

Unicode U+293A

Supplemental Arrows-B

Hex Code ⤺

Hexadecimal reference

HTML Code ⤺

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+293A
Hex code       ⤺
HTML code      ⤺
Named entity   (none)
CSS code       \293A
Block          Supplemental Arrows-B (U+2900–U+297F)
Official name  TOP ARC ANTICLOCKWISE ARROW
Related        U+2938 = right side arc clockwise (⤸), U+293D = top arc anticlockwise arrow plus (⤽)
1

Complete HTML Example

This example demonstrates the Top Arc Anticlockwise Arrow (⤺) using hexadecimal code, decimal HTML code, and a CSS content escape (no named entity):

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\293A";
  }
 </style>
</head>
<body>
<p>Using Hexadecimal: &#x293A;</p>
<p>Using HTML Code: &#10554;</p>
<p id="point">Using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Top Arc Anticlockwise Arrow renders in modern browsers when fonts include Supplemental Arrows-B glyphs:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

See the Top Arc Anticlockwise Arrow (⤺) in UI context:

Refresh ⤺ Reload page
Large glyph
Rotation Rotate anticlockwise ⤺
Compare ⤸ ⤺ ⤽
Numeric refs &#x293A; &#10554; \293A

🧠 How It Works

1

Hexadecimal Code

&#x293A; uses the Unicode hexadecimal value 293A to display the Top Arc Anticlockwise Arrow. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#10554; uses the decimal Unicode value 10554 to display the same character.

HTML markup
3

CSS Entity

\293A is used in CSS stylesheets in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All three methods produce . Unicode U+293A in Supplemental Arrows-B. No named entity.

Use Cases

The Top Arc Anticlockwise Arrow (⤺) commonly appears in:

🔄 Refresh Buttons

Reload and sync actions in web and mobile apps.

↺ Rotation Indicators

Anticlockwise rotation and circular motion UI.

↩ Undo Actions

Reverse operations in editors and design tools.

🎯 Directional UI

Navigation controls and interactive panels.

🎮 Gaming

Rotation controls and in-game interface elements.

📈 Diagrams

Technical flowcharts and process documentation.

🎓 Education

Physics and rotation tutorials with visual cues.

💡 Best Practices

Do

  • Use &#x293A; or &#10554; for the anticlockwise arc arrow
  • Add aria-label (e.g. “Refresh” or “Undo”) for accessibility
  • Verify fonts support Supplemental Arrows-B (U+293A)
  • Pair the symbol with text labels in control panels
  • Test rendering across browsers and font stacks

Don’t

  • Confuse ⤺ with ⤸ (right side arc clockwise) or ⤽ (arrow plus variant)
  • Rely on the symbol alone without accessible text in buttons
  • Put CSS escape \293A directly in HTML text nodes
  • Expect a named HTML entity for U+293A
  • Use HTML entities in JS (use \u293A instead)

Key Takeaways

1

Two HTML references both render ⤺

&#x293A; &#10554;
2

For CSS stylesheets, use the escape in the content property

\293A
3

Unicode U+293A — TOP ARC ANTICLOCKWISE ARROW

4

No named entity—use numeric references or CSS escape

5

Supplemental Arrows-B block (U+2900–U+297F) for directional symbols

❓ Frequently Asked Questions

Use &#x293A; (hex), &#10554; (decimal), or \293A in CSS content. There is no named HTML entity. All three produce ⤺.
U+293A (TOP ARC ANTICLOCKWISE ARROW). Supplemental Arrows-B block (U+2900–U+297F). Hex 293A, decimal 10554. Curved arrow pointing anticlockwise from the top.
For rotation indicators, refresh buttons, undo actions, circular motion displays, directional UI elements, navigation interfaces, and any content representing anticlockwise rotation or circular movement.
HTML numeric references (&#10554; or &#x293A;) go directly in markup. The CSS escape \293A is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.
Named HTML entities cover common ASCII, Latin-1, and select symbols. Supplemental Arrows-B characters like ⤺ use numeric hex or decimal references—standard practice for directional arrow symbols.

Explore More HTML Entities!

Discover 1500+ HTML character references — arrows, symbols, punctuation, and more.

All HTML Entities →

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