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.
Block Elements for Bars and Pixel Art
Block elements are a small, specific Unicode range of solid and shaded rectangles: the full block █, three shading densities from light ░ through medium ▒ to dark ▓, and half-blocks that fill the top ▀, bottom ▄, or one side of a character cell. They were invented for the text-only terminals of early computing, where a programmer could fake graphics, a loading bar, a border, or a crude picture, using nothing but characters. That heritage is exactly why they still feel retro today.
These copy and paste like any text, but they only look right in a monospaced setting where every glyph occupies an identical cell. That makes Discord code blocks, terminal apps, and code editors their natural home; you can chain the shades to build a text progress bar or a gradient, or stack half-blocks for low-resolution pixel art. In proportional fonts, such as a normal Instagram caption or webpage body, the spacing drifts and the alignment falls apart, so always test a design in its target before posting. Where monospacing is guaranteed, they render cleanly across devices, since the block range is one of the oldest and best-supported parts of the standard.
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.