Lower Half Circle

Shortcodes

Copy and paste codes for Lower Half Circle symbol ◡ to use in your websites, apps, blogs, and more.

Unicode
U+25E1
HTML Code
◡
HEX Code
◡
CSS Code
\25E1
JS/JSON
\u25E1
Unix/C/PHP/JAVA
0x25E1
URL-encode
%E2%97%A1
copied

Customize Lower Half Circle Symbol

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

Insert ◡ Lower Half Circle using HTML

1. Copy-paste Lower Half Circle directly:
<span>◡</span>
2. HTML Decimal Code:
<span>&#9697;</span>
3. Hexadecimal Code:
<span>&#x25E1;</span>
Preview:

Add Lower Half Circle symbol with CSS

.lower-half-circle::before {
    content: '\\25E1';
}
Preview: Lower Half Circle

Lower Half Circle JavaScript Code

1. Direct Symbol:
document.querySelector('.lower-half-circle').textContent = '◡';
2. Unicode Escape for ◡:
document.querySelector('.lower-half-circle').textContent = '\u25E1';
Preview: