Black Circle

Shortcodes

Copy useful codes for black circle symbol ● to use in websites, apps, blogs, and docs.

Unicode
U+25CF
HTML Code
●
HEX Code
●
CSS Code
\25CF
JS/JSON
\u25CF
Unix/C/PHP/JAVA
0x25CF
URL-encode
%E2%97%8F

Customize Black Circle

Customize ●, download it as SVG or PNG, or copy the generated HTML snippet.

  

How to use Black Circle Symbol in HTML, CSS, and JS

Insert in HTML

1. Direct symbol:
<span>●</span>
HTML Code:
<span>&#9679;</span>
HEX Code:
<span>&#x25CF;</span>

Add with CSS

.black-circle::before {
  content: '\\25CF';
}

Set it in JavaScript

document.querySelector('.black-circle').textContent = '●';
copied