Left Half Block

Shortcodes

Copy useful codes for left half block symbol ▌ to use in websites, apps, blogs, and docs.

Unicode
U+258C
Alt Code
221
HTML Code
▌
HEX Code
▌
CSS Code
\258C
JS/JSON
\u258C
Unix/C/PHP/JAVA
0x258C
URL-encode
%E2%96%8C

Customize Left Half Block

Customize ▌, download it as SVG or PNG, or copy the generated HTML snippet.

  

How to use Left Half Block Symbol in HTML, CSS, and JS

Insert in HTML

1. Direct symbol:
<span>▌</span>
HTML Code:
<span>&#9612;</span>
HEX Code:
<span>&#x258C;</span>

Add with CSS

.left-half-block::before {
  content: '\\258C';
}

Set it in JavaScript

document.querySelector('.left-half-block').textContent = '▌';
copied