Circle With Vertical Fill

Shortcodes

Copy useful codes for circle with vertical fill symbol ◍ to use in websites, apps, blogs, and docs.

Unicode
U+25CD
HTML Code
◍
HEX Code
◍
CSS Code
\25CD
JS/JSON
\u25CD
Unix/C/PHP/JAVA
0x25CD
URL-encode
%E2%97%8D

Customize Circle With Vertical Fill

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

  

How to use Circle With Vertical Fill Symbol in HTML, CSS, and JS

Insert in HTML

1. Direct symbol:
<span>◍</span>
HTML Code:
<span>&#9677;</span>
HEX Code:
<span>&#x25CD;</span>

Add with CSS

.circle-with-vertical-fill::before {
  content: '\\25CD';
}

Set it in JavaScript

document.querySelector('.circle-with-vertical-fill').textContent = '◍';
copied