Rectangle Symbols ▬
Horizontal and vertical rectangles, bars, blocks and loading bars.
Tip · press and hold to pick several at once
Rectangle symbols 13
Thin bars 14
Shade and quarter blocks 13
Loading bars 8
Rectangle combos 7
Rectangles around a name 5
Rectangle dividers 6
Want this as an app?
Every set offline, right in your keyboard. Drop your email and I'll tell you when it's out — nothing else, ever.
How to type these symbols
| Symbol | Windows | Word | Mac | HTML |
|---|---|---|---|---|
| ▬︎ | — | 25AC | — | ▬ |
| ▭︎ | — | 25AD | — | ▭ |
| ▮︎ | — | 25AE | — | ▮ |
| ▯︎ | — | 25AF | — | ▯ |
| █︎ | — | 2588 | — | █ |
| ░︎ | — | 2591 | — | ░ |
| ▒︎ | — | 2592 | — | ▒ |
| ▓︎ | — | 2593 | — | ▓ |
Windows: hold Alt and type the number on the numeric keypad with Num Lock on; a dash means there is no Alt code that works the same on every Windows. Word for Windows: type the code, then press Alt+X. Mac, U.S. keyboard layout: ⌥ is Option and ⇧ is Shift; for the rest, Control+Command+Space opens the Character Viewer. HTML: paste the code into the page source.
How to use rectangle symbols
Rectangle symbols are mostly bars. Geometric Shapes has the black and white horizontal rectangles ▬ ▭, the vertical ones ▮ ▯ and the slanted ▰ ▱ that people build loading bars from. Next to it is Block Elements, a block made for drawing pictures in text: the full block █, its upper and lower halves ▀ ▄, the left and right halves ▌ ▐, bars of every height from ▁ to ▇ and of every width from ▏ to ▉, and the shade blocks ░ ▒ ▓.
The most copied use is a progress bar. A filled ▰ or █ marks the part that is done and an empty ▱ or ░ the rest — ▰▰▰▱▱▱▱ 40% — and people put one in a bio or a caption to show how far along something is. Rows of ▀▄▀▄ or ░▒▓█▓▒░ make dividers, and ▌▐ around a word frames it like a label.
Phones draw these characters with different fonts, so a bar of █ may come out a little taller or wider than the text next to it, and a thin bar like ▏ can look like a plain line. ⎕ and ⌷ come from the APL programming language. Squares have their own page, square symbols, and box-drawing lines are on the line symbols page.
Questions
How do I make a loading bar with symbols?
Use a filled character for the part that is done and an empty one for the rest: ▰ and ▱, or █ and ░. Ten characters make steps of 10% — ▰▰▰▱▱▱▱▱▱▱ is 30%. The “Loading bars” group has ready ones to copy.
Which rectangle symbol is vertical?
▮ and ▯ are the vertical rectangles, black and white; ▬ and ▭ are the horizontal ones. ▌ and ▐ are the left and right halves of a block, and █ is the full block.
How do I type a rectangle in Word?
Type 25AC and press Alt+X for ▬, 25AD for ▭, or 2588 for the full block █. On a Mac, the Character Viewer (Control + Command + Space) finds them if you search for “rectangle” or “block”.