fsymbols
Loading symbols…
››
░

light shade

Light shade

░ is the light shade character for text-mode shading, progress bars, and ASCII art. Use it when you need a pale dotted texture instead of a solid block; copies of it ramp into ▒, ▓, and █. It is a typed symbol, not an emoji, so your font draws the dots.

Text symbol
Search it as
░ · shade · light-shade · ascii art · ansi art · text shading · terminal art · progress bar
Shows up in
Anything that takes text · its shape is whatever your font draws

What ░ means

Use ░ as pale fill in fixed-width text graphics. One copy suggests a faint patch; a run of copies shades a panel, softens an edge, fills an unfinished progress bar, or adds tone to ASCII art and ANSI art. Keep every row in the same monospace font so the cells line up.

Copy it from the palette above for the exact character, then test the whole pattern where it will be read. The dots come from the font, so density and spacing shift between fonts and terminals. A design finished in September 1976 teletext already used this trick: switch character cells into chunky block graphics when no bitmap was available.

Where did block shading come from?

Nobody invented ░ alone. Unicode keeps Block Elements as compatibility characters carried over from terminal and vendor sets, including IBM PC, teletext-style mosaics, and East Asian standards. The job was construction: build borders, fills, and crude pictures from text cells.

So read ░ as partial density, not as a picture. Its neighbors supply the darker steps, and the surrounding characters supply the subject. That is why it still works for fades, empty bar segments, and background texture.

Don't confuse it with

2

Combination ideas

2
Pale-to-solid shade ramp for fades and bars.
Empty-to-filled progress bar segment.

Questions people ask

1

Why does ░ look different in my terminal?

Yes. The selected font draws the dots, so density and spacing change between fonts. Test the full pattern in that terminal before trusting the alignment.

How to type ░

Windows (Word)
Alt+XType 2591, then Alt+X to get ░.
Windows
Win+Rrun charmap for the full table, or use the emoji picker's Ω symbols tab (Win + .).
macOS
Control+Command+SpaceOpen the character viewer and search “light shade”.
Linux
Ctrl+Shift+UType 2591, then Enter or Space.
HTML
░
CSS
\2591
Character picker
Search for “light shade” in your system symbol or character viewer.
Linux
Press Ctrl+Shift+U, enter 2591, then press Enter.
HTML
Use ░ or ░ in source that accepts character references.
Codes and encoding1 code points
HTML decimal
░
HTML hex
░
CSS content
content: "\2591";
Each escape is closed by the next backslash; a trailing space is needed before a literal hex digit.
URL encoded
%E2%96%91
1
On screen
1
Code points
1
JS .length
3
UTF-8 bytes

A visible symbol can contain several code points. JS .length counts UTF-16 units; UTF-8 counts bytes.

Families this belongs to

1

Lines & boxes160 symbols