Left One Eighth Block
▏
Shortcodes
Copy and paste codes for Left One Eighth Block symbol ▏ to use in your websites, apps, blogs, and more.
Unicode
U+258F
HTML Code
▏
HEX Code
▏
CSS Code
\258F
JS/JSON
\u258F
Unix/C/PHP/JAVA
0x258F
URL-encode
%E2%96%8F
copied
Customize Left One Eighth Block Symbol
Customize ▏ symbol as you like and download Left One Eighth 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 Left One Eighth Block symbol in HTML, CSS, and JS?
Insert ▏ Left One Eighth Block using HTML
1. Copy-paste Left One Eighth Block directly:
<span>▏</span>
2. HTML Decimal Code:
<span>▏</span>
3. Hexadecimal Code:
<span>▏</span>
Preview:
▏
Add Left One Eighth Block symbol with CSS
.left-one-eighth-block::before {
content: '\\258F';
}
Preview: Left One Eighth Block
Left One Eighth Block JavaScript Code
1. Direct Symbol:
document.querySelector('.left-one-eighth-block').textContent = '▏';
2. Unicode Escape for ▏:
document.querySelector('.left-one-eighth-block').textContent = '\u258F';
Preview: ▏
Related Square & Rectangle Symbols
View all Square & Rectangle Symbols▁
Lower One Eighth Block
▂
Lower One Quarter Block
▃
Lower Three Eighths Block
▄
Lower Half Block
▅
Lower Five Eighths Block
▆
Lower Three Quarters Block
▇
Lower Seven Eighths Block
▉
Left Seven Eighths Block
▊
Left Three Quarters Block
▋
Left Five Eighths Block
█
Full Block
▀
Upper Half Block
▌
Left Half Block
▐
Right Half Block
▍
Left Three Eighths Block
▎
Left One Quarter Block
▕
Right One Eighth Block
░
Light Shade
▒
Medium Shade
▓
Dark Shade
▔
Upper One Eighth Block
▬
Black Rectangle
▢
White Square With Rounded Corners
▣
White Square Containing Black Small Square
▤
Square With Horizontal Fill
▥
Square With Vertical Fill
▦
Square With Orthogonal Crosshatch Fill
▧
Square With Upper Left To Lower Right Fill
▨
Square With Upper Right To Lower Left Fill
▩
Square With Diagonal Crosshatch Fill
▪
Black Small Square
▫
White Small Square