Ideographic Number Zero

Shortcodes

Copy and paste codes for Ideographic Number Zero symbol 〇 to use in your websites, apps, blogs, and more.

Unicode
U+3007
HTML Code
〇
HEX Code
〇
CSS Code
\3007
JS/JSON
\u3007
Unix/C/PHP/JAVA
0x3007
URL-encode
%E3%80%87
copied

Customize Ideographic Number Zero Symbol

Customize 〇 symbol as you like and download Ideographic Number Zero 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 Ideographic Number Zero symbol in HTML, CSS, and JS?

Insert 〇 Ideographic Number Zero using HTML

1. Copy-paste Ideographic Number Zero directly:
<span>〇</span>
2. HTML Decimal Code:
<span>&#12295;</span>
3. Hexadecimal Code:
<span>&#x3007;</span>
Preview:

Add Ideographic Number Zero symbol with CSS

.ideographic-number-zero::before {
    content: '\\3007';
}
Preview: Ideographic Number Zero

Ideographic Number Zero JavaScript Code

1. Direct Symbol:
document.querySelector('.ideographic-number-zero').textContent = '〇';
2. Unicode Escape for 〇:
document.querySelector('.ideographic-number-zero').textContent = '\u3007';
Preview: