Clockwise Gapped Circle Arrow

Shortcodes

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

Unicode
U+27F3
HTML Code
⟳
HEX Code
⟳
CSS Code
\27F3
JS/JSON
\u27F3
Unix/C/PHP/JAVA
0x27F3
URL-encode
%E2%9F%B3
copied

Customize Clockwise Gapped Circle Arrow Symbol

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

Insert ⟳ Clockwise Gapped Circle Arrow using HTML

1. Copy-paste Clockwise Gapped Circle Arrow directly:
<span>⟳</span>
2. HTML Decimal Code:
<span>&#10227;</span>
3. Hexadecimal Code:
<span>&#x27F3;</span>
Preview:

Add Clockwise Gapped Circle Arrow symbol with CSS

.clockwise-gapped-circle-arrow::before {
    content: '\\27F3';
}
Preview: Clockwise Gapped Circle Arrow

Clockwise Gapped Circle Arrow JavaScript Code

1. Direct Symbol:
document.querySelector('.clockwise-gapped-circle-arrow').textContent = '⟳';
2. Unicode Escape for ⟳:
document.querySelector('.clockwise-gapped-circle-arrow').textContent = '\u27F3';
Preview: