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 this Block Elements Copy and Paste collection is organised
This Block Elements Copy and Paste collection gathers every Unicode character that belongs in the category plus the close relatives people tend to search for in the same sitting. The grid above is grouped so the most-copied items sit at the top — for Block Elements Copy and Paste that means the canonical Unicode characters first, close stylistic relatives second, and the longer tail of rarer variants at the bottom. Click any tile and the character goes straight to your clipboard; a small toast at the bottom-right confirms the copy so you can keep browsing.
What makes this collection different from a generic "copy-paste site" is that every character here is real Unicode text, not an image. That means the character survives every redraw: if you paste it into Instagram, Discord, TikTok, a Word document, a Google Doc, a Figma file or a Markdown README, the recipient's device renders it with its own font, at the size of the surrounding text, with correct accessibility semantics for screen readers. No installation, no app permission, and nothing leaves your browser.
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.