Ring Operator

Shortcodes

Copy and paste codes for Ring Operator symbol ∘ to use in your websites, apps, blogs, and more.

Unicode
U+2218
HTML Code
∘
HEX Code
∘
CSS Code
\2218
JS/JSON
\u2218
Unix/C/PHP/JAVA
0x2218
URL-encode
%E2%88%A8
copied

Customize Ring Operator Symbol

Customize ∘ symbol as you like and download Ring Operator 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 Ring Operator symbol in HTML, CSS, and JS?

Insert ∘ Ring Operator using HTML

1. Copy-paste Ring Operator directly:
<span>∘</span>
2. HTML Decimal Code:
<span>&#8728;</span>
3. Hexadecimal Code:
<span>&#x2218;</span>
Preview:

Add Ring Operator symbol with CSS

.ring-operator::before {
    content: '\\2218';
}
Preview: Ring Operator

Ring Operator JavaScript Code

1. Direct Symbol:
document.querySelector('.ring-operator').textContent = '∘';
2. Unicode Escape for ∘:
document.querySelector('.ring-operator').textContent = '\u2218';
Preview: