Block Elements ▓▒░
32+ shading and block characters for text art, progress bars, and pixel graphics. Click to copy.
All Block Elements
Click any character to copy instantly
Block Element Packs
Organized by use case
Shading Levels
4 items
Half Blocks
4 items
Quarter Blocks
10 items
Progress Bar
3 items
Gradient Effect
3 items
Vertical Bars
8 items
Block elements are rectangular Unicode characters of varying densities—from light shade to medium shade to dark shade to solid block. These characters create gradient effects, progress bars, pixel art, and retro-styled designs in pure text without any images needed.
Block elements originated in early computing when terminals could only display text characters. Creative programmers used shade blocks to create visual effects, loading bars, and rudimentary graphics. Today they have found new life in retro aesthetics, terminal-based tools, ASCII art, and creative coding communities.
Our block element collection includes full blocks, shade blocks, partial blocks of various heights and widths, and related filling characters. Use them to create text-based progress bars, gradient effects, pixel art in monospaced fonts, and retro-styled designs. They work perfectly in Discord, code editors, terminal applications, and anywhere monospaced text is displayed.
Pro tip: block elements look best in monospaced fonts. When posting on Discord or coding platforms, your block art will render perfectly. For other platforms, test your design first to ensure the characters align properly at different font sizes.
How to Use Block Elements
Copy
Click any block character to copy it
Combine
Stack blocks to create patterns and graphics
Shade
Use ░▒▓█ for light-to-dark gradients
Frequently Asked Questions
Block elements create visual graphics in plain text: progress bars (█████░░░░░), bar charts, pixel art, terminal UI elements, loading indicators, and artistic designs. They're essential in CLI applications and text-based interfaces.
These represent four shading densities: ░ is light shade (25% filled), ▒ is medium shade (50%), ▓ is dark shade (75%), and █ is full block (100%). Combined, they create smooth gradients in text.
Combine full blocks █ and light shade ░ inside brackets. Example: [████████░░] shows 80% complete. Adjust the ratio of █ to ░ to show different percentages.
Yes! Using half blocks (▀▄) and quarter blocks (▖▗▘▝), you can create detailed pixel art at twice the resolution of normal text. Many retro game screenshots are recreated this way.
Yes! Block elements display correctly in Discord. For precise alignment, use code blocks (```) to ensure monospace font rendering. They're popular for creating custom loading bars and ASCII art.
Block elements require monospace fonts to align. Use Consolas, Courier New, or any coding font. In apps like Discord or Slack, wrap your text in code blocks to force monospace rendering.
These are Lower Block characters that fill from the bottom up in 8 increments (⅛ height each). They're perfect for creating bar charts, audio visualizers, and vertical progress indicators in text.
Yes! Block elements are standard Unicode and work in spreadsheets. They're useful for creating in-cell bar charts or visual indicators. Use a monospace font for best alignment.