Unicode has lot of blocks to group different characters and symbols. Some groups are very useful like transportation symbols and emoticons. However, blocks like Block Elements have different purpose to create blocks using the Unicode point. You can use alt code shortcuts to insert these block elements on your Windows and Mac documents.
Alt Code Shortcuts for Block Elements
Below is the list of alt code shortcuts for inserting block elements.
Block Symbol | Description | Windows Shortcut | Mac Shortcut |
---|---|---|---|
▀ | Upper Half Block | Alt + 9600 | Option + 2580 |
▁ | Lower One Eighth Block | Alt + 9601 | Option + 2581 |
▂ | Lower One Quarter Block | Alt + 9602 | Option + 2582 |
▃ | Lower Three Eighths Block | Alt + 9603 | Option + 2583 |
▄ | Lower Half Block | Alt + 9604 | Option + 2584 |
▅ | Lower Five Eighths Block | Alt + 9605 | Option + 2585 |
▆ | Lower Three Quarters Block | Alt + 9606 | Option + 2586 |
▇ | Lower Seven Eighths Block | Alt + 9607 | Option + 2587 |
█ | Full Block | Alt + 9608 | Option + 2588 |
▉ | Left Seven Eighths Block | Alt + 9609 | Option + 2589 |
▊ | Left Three Quarters Block | Alt + 9610 | Option + 258A |
▋ | Left Five Eighths Block | Alt + 9611 | Option + 258B |
▌ | Left Half Block | Alt + 9612 | Option + 258C |
▍ | Left Three Eighths Block | Alt + 9613 | Option + 258D |
▎ | Left One Quarter Block | Alt + 9614 | Option + 258E |
▏ | Left One Eighth Block | Alt + 9615 | Option + 258F |
▐ | Right Half Block | Alt + 9616 | Option + 2590 |
░ | Light Shade | Alt + 9617 | Option + 2591 |
▒ | Medium Shade | Alt + 9618 | Option + 2592 |
▓ | Dark Shade | Alt + 9619 | Option + 2593 |
▔ | Upper One Eighth Block | Alt + 9620 | Option + 2594 |
▕ | Right One Eighth Block | Alt + 9621 | Option + 2595 |
▖ | Quadrant Lower Left | Alt + 9622 | Option + 2596 |
▗ | Quadrant Lower Right | Alt + 9623 | Option + 2597 |
▘ | Quadrant Upper Left | Alt + 9624 | Option + 2598 |
▙ | Quadrant Upper Left And Lower Left And Lower Right | Alt + 9625 | Option + 2599 |
▚ | Quadrant Upper Left And Lower Right | Alt + 9626 | Option + 259A |
▛ | Quadrant Upper Left And Upper Right And Lower Left | Alt + 9627 | Option + 259B |
▜ | Quadrant Upper Left And Upper Right And Lower Right | Alt + 9628 | Option + 259C |
▝ | Quadrant Upper Right | Alt + 9629 | Option + 259D |
▞ | Quadrant Upper Right And Lower Left | Alt + 9630 | Option + 259E |
▟ | Quadrant Upper Right And Lower Left And Lower Right | Alt + 9631 | Option + 259F |
Inserting in Windows
There are two ways to use the keyboard shortcuts on your Windows based documents like Word and PowerPoint.
- Hold one of the alt keys and type the code using number pad to type the symbol. For example, Alt + 9619 will produce a dark shade block element like ▓.
- Alternatively, you can use hexadecimal code point with alt + X keys. For example, 2587 alt + x will make lower seven eighths block symbol like ▇. This method will work only in Microsoft Word documents.
Inserting in Mac
Similar to Windows, macOS also offers multiple ways.
- You can change the input method to Unicode Hex Input and use the hexadecimal Unicode value with option key. This will help you to insert the block elements on Pages and Keynote documents. For example, option + 2588 will produce full block element like █.
- If keyboard shortcut is not working, you can press “Command + Control + Space” to open Character Viewer app. Using this app, you can search and insert all block element symbols.
Creating Text Faces
You can create beautiful text faces using these block elements. Below are few examples made with connecting the blocks continuously using alt code shortcuts. As you can see, it is also possible to change the font color and size of these blocks similar to text on your documents.
▛▙▟▜
▒▒░░▒▒
█▚▚▚▞▞▞█
Note, some block element symbol may not be compatible on documents though they are showing properly on the web page.
Inserting Block Elements in HTML
You can use either decimal or hexadecimal codes to insert these symbols in HTML. Below is the code example, you can change the code for different symbols.
<span>▇</span>
<span>▇</span>
Image Reference
Below is the image contains all shortcuts for block elements. You can download the image to your computer and keep it for offline reference.
2 Comments
Leave your reply.