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