Large Circle

Shortcodes

Copy and paste codes for Large Circle symbol ◯ to use in your websites, apps, blogs, and more.

Unicode
U+25EF
HTML Code
◧
HEX Code
◯
CSS Code
\25EF
JS/JSON
\u25EF
Unix/C/PHP/JAVA
0x25EF
URL-encode
%E2%97%AF
copied

Customize Large Circle Symbol

Customize ◯ symbol as you like and download Large Circle 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 Large Circle symbol in HTML, CSS, and JS?

Insert ◯ Large Circle using HTML

1. Copy-paste Large Circle directly:
<span>◯</span>
2. HTML Decimal Code:
<span>&#9703;</span>
3. Hexadecimal Code:
<span>&#x25EF;</span>
Preview:

Add Large Circle symbol with CSS

.large-circle::before {
    content: '\\25EF';
}
Preview: Large Circle

Large Circle JavaScript Code

1. Direct Symbol:
document.querySelector('.large-circle').textContent = '◯';
2. Unicode Escape for ◯:
document.querySelector('.large-circle').textContent = '\u25EF';
Preview: