Block Elements ▓▒░
32+ shading and block characters for text art, progress bars, and pixel graphics. Click to copy.
Todos os Elementos de Bloco
Clique em qualquer character para copiar instantaneamente
Block Element Packs
Organized by use case
Shading Levels
4 itens
Half Blocks
4 itens
Quarter Blocks
10 itens
Progress Bar
3 itens
Gradient Effect
3 itens
Vertical Bars
8 itens
Block elements are rectangular caracteres Unicode 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 texto puro 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
Copiar
Click any block character to copy it
Combine
Stack blocks to create patterns and graphics
Shade
Use ░▒▓█ for light-to-dark gradients
Perguntas Frequentes
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.