Anticlockwise Gapped Circle Arrow

Shortcodes

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

Unicode
U+27F2
HTML Code
⟲
HEX Code
⟲
CSS Code
\27F2
JS/JSON
\u27F2
Unix/C/PHP/JAVA
0x27F2
URL-encode
%E2%9F%B2
copied

Customize Anticlockwise Gapped Circle Arrow Symbol

Customize ⟲ symbol as you like and download Anticlockwise Gapped 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 Gapped Circle Arrow symbol in HTML, CSS, and JS?

Insert ⟲ Anticlockwise Gapped Circle Arrow using HTML

1. Copy-paste Anticlockwise Gapped Circle Arrow directly:
<span>⟲</span>
2. HTML Decimal Code:
<span>&#10226;</span>
3. Hexadecimal Code:
<span>&#x27F2;</span>
Preview:

Add Anticlockwise Gapped Circle Arrow symbol with CSS

.anticlockwise-gapped-circle-arrow::before {
    content: '\\27F2';
}
Preview: Anticlockwise Gapped Circle Arrow

Anticlockwise Gapped Circle Arrow JavaScript Code

1. Direct Symbol:
document.querySelector('.anticlockwise-gapped-circle-arrow').textContent = '⟲';
2. Unicode Escape for ⟲:
document.querySelector('.anticlockwise-gapped-circle-arrow').textContent = '\u27F2';
Preview: