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>&#9600;</span>
HEX Code:
<span>&#x2580;</span>

Add with CSS

.upper-half-block::before {
  content: '\\2580';
}

Set it in JavaScript

document.querySelector('.upper-half-block').textContent = '▀';
copied