▓
Block Elements
32 characters
The complete Block Elements block (U+2580–U+259F): 32 characters for constructing filled and shaded rectangles in monospace terminals. Shade characters range from light ░ (25%) through medium ▒ (50%) and dark ▓ (75%) to solid █ (100%). Half-block characters divide the cell horizontally (▀ top, ▄ bottom) and vertically (▌ left, ▐ right). Quadrant characters (▖ ▗ ▘ ▙ ▚ ▛ ▜ ▝ ▞ ▟) allow 2×2 sub-cell resolution. Essential for terminal graphics, retro ASCII art, and progress bar rendering.
Characters
copied = '', 1500)
"
:class="copied === 'U+2580' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▀
copied = '', 1500)
"
:class="copied === 'U+2581' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▁
copied = '', 1500)
"
:class="copied === 'U+2582' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▂
copied = '', 1500)
"
:class="copied === 'U+2583' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▃
copied = '', 1500)
"
:class="copied === 'U+2584' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▄
copied = '', 1500)
"
:class="copied === 'U+2585' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▅
copied = '', 1500)
"
:class="copied === 'U+2586' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▆
copied = '', 1500)
"
:class="copied === 'U+2587' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▇
copied = '', 1500)
"
:class="copied === 'U+2588' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
█
copied = '', 1500)
"
:class="copied === 'U+2589' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▉
copied = '', 1500)
"
:class="copied === 'U+258A' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▊
copied = '', 1500)
"
:class="copied === 'U+258B' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▋
copied = '', 1500)
"
:class="copied === 'U+258C' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▌
copied = '', 1500)
"
:class="copied === 'U+258D' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▍
copied = '', 1500)
"
:class="copied === 'U+258E' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▎
copied = '', 1500)
"
:class="copied === 'U+258F' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▏
copied = '', 1500)
"
:class="copied === 'U+2590' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▐
copied = '', 1500)
"
:class="copied === 'U+2591' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
░
copied = '', 1500)
"
:class="copied === 'U+2592' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▒
copied = '', 1500)
"
:class="copied === 'U+2593' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▓
copied = '', 1500)
"
:class="copied === 'U+2594' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▔
copied = '', 1500)
"
:class="copied === 'U+2595' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▕
copied = '', 1500)
"
:class="copied === 'U+2596' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▖
copied = '', 1500)
"
:class="copied === 'U+2597' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▗
copied = '', 1500)
"
:class="copied === 'U+2598' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▘
copied = '', 1500)
"
:class="copied === 'U+2599' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▙
copied = '', 1500)
"
:class="copied === 'U+259A' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▚
copied = '', 1500)
"
:class="copied === 'U+259B' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▛
copied = '', 1500)
"
:class="copied === 'U+259C' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▜
copied = '', 1500)
"
:class="copied === 'U+259D' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▝
copied = '', 1500)
"
:class="copied === 'U+259E' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▞
copied = '', 1500)
"
:class="copied === 'U+259F' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
▟
Copied! Click character name to view full details.