Upper Half Block
▀
Shortcodes
Copy useful codes for upper half block symbol ▀ to use in websites, apps, blogs, and docs.
Unicode
U+2580 Alt Code
223 HTML Code
▀ HEX Code
▀ CSS Code
\2580 JS/JSON
\u2580 Unix/C/PHP/JAVA
0x2580 URL-encode
%E2%96%80 Customize Upper Half Block
Customize ▀, download it as SVG or PNG, or copy the generated HTML snippet.
▀
How to use Upper Half Block Symbol in HTML, CSS, and JS
Insert in HTML
1. Direct symbol:
<span>▀</span> HTML Code:
<span>▀</span> HEX Code:
<span>▀</span>Add with CSS
.upper-half-block::before {
content: '\\2580';
}Set it in JavaScript
document.querySelector('.upper-half-block').textContent = '▀';