Anticlockwise Open Circle Arrow

Shortcodes

Copy and paste codes for Anticlockwise Open Circle Arrow symbol ↺ to use in your websites, apps, blogs, and more.

Unicode
U+21BA
HTML Code
↺
HEX Code
↺
CSS Code
\21BA
JS/JSON
\u21BA
Unix/C/PHP/JAVA
0x21BA
URL-encode
%E2%86%BA
copied

Customize Anticlockwise Open Circle Arrow Symbol

Customize ↺ symbol as you like and download Anticlockwise Open Circle Arrow as SVG or PNG or copy its HTML code to use in your projects.

Preview helps customize symbol. Downloaded image and HTML code may have size/spacing differences.
 

How to add Anticlockwise Open Circle Arrow symbol in HTML, CSS, and JS?

Insert ↺ Anticlockwise Open Circle Arrow using HTML

1. Copy-paste Anticlockwise Open Circle Arrow directly:
<span>↺</span>
2. HTML Decimal Code:
<span>&#8634;</span>
3. Hexadecimal Code:
<span>&#x21BA;</span>
Preview:

Add Anticlockwise Open Circle Arrow symbol with CSS

.anticlockwise-open-circle-arrow::before {
    content: '\\21BA';
}
Preview: Anticlockwise Open Circle Arrow

Anticlockwise Open Circle Arrow JavaScript Code

1. Direct Symbol:
document.querySelector('.anticlockwise-open-circle-arrow').textContent = '↺';
2. Unicode Escape for ↺:
document.querySelector('.anticlockwise-open-circle-arrow').textContent = '\u21BA';
Preview: