Lower Three Quarters Block

Shortcodes

Copy and paste codes for Lower Three Quarters Block symbol ▆ to use in your websites, apps, blogs, and more.

Unicode
U+2586
HTML Code
▆
HEX Code
▆
CSS Code
\2586
JS/JSON
\u2586
Unix/C/PHP/JAVA
0x2586
URL-encode
%E2%96%86
copied

Customize Lower Three Quarters Block Symbol

Customize ▆ symbol as you like and download Lower Three Quarters Block 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 Three Quarters Block symbol in HTML, CSS, and JS?

Insert ▆ Lower Three Quarters Block using HTML

1. Copy-paste Lower Three Quarters Block directly:
<span>▆</span>
2. HTML Decimal Code:
<span>&#9606;</span>
3. Hexadecimal Code:
<span>&#x2586;</span>
Preview:

Add Lower Three Quarters Block symbol with CSS

.lower-three-quarters-block::before {
    content: '\\2586';
}
Preview: Lower Three Quarters Block

Lower Three Quarters Block JavaScript Code

1. Direct Symbol:
document.querySelector('.lower-three-quarters-block').textContent = '▆';
2. Unicode Escape for ▆:
document.querySelector('.lower-three-quarters-block').textContent = '\u2586';
Preview: