05 // Unicode, Symbol & Encoding WorkbenchSYMBOL-GRID

CLI Box-Drawing & Terminal Block Elements (─, │, ┌, ┐, └, ┘, █, ▓)

Unicode Box Drawing (U+2500–U+257F) and Block Elements (U+2580–U+259F) align seamlessly in monospace terminal fonts to render tables, directory trees, and fractional progress bars.

CLI Box-Drawing & Terminal Block Elements (─, │, ┌, ┐, └, ┘, █, ▓) (28)

28px

Selected Symbol

─

Box Drawing U+2500

Box Lines

CHARACTER

─

UNICODE

U+2500

HTML ENTITY

─

CSS ESCAPE

\2500

UTF-8 HEX

E2 94 80

JS / TS

\u{2500}

Was this tool helpful?

Reference Table

01Click any symbol tile to copy the raw character, or use the quick-copy buttons for U+XXXX code points, HTML entities, CSS escapes, or UTF-8 hex byte sequences.
02All UTF-8 byte sequences are computed directly from the canonical Unicode scalar value in accordance with RFC 3629.
03CSS hex escapes (e.g. \2211) can be pasted directly inside CSS `content` properties; follow with a trailing space if the next character is hexadecimal.

Frequently Asked Questions

How do I type or embed Box-Drawing & CLI in HTML and React/JSX?+

You can paste the UTF-8 character directly into UTF-8 encoded `.tsx`/`.html` files, use the HTML entity in markup, or use `\u{XXXX}` in JavaScript strings.

Why do some Unicode symbols occupy 3 or 4 bytes in UTF-8?+

ASCII (U+0000..U+007F) uses 1 byte, U+0080..U+07FF uses 2 bytes, Basic Multilingual Plane symbols U+0800..U+FFFF use 3 bytes, and supplementary plane symbols above U+10000 use 4 bytes.

Do all fonts render every technical Unicode glyph?+

Modern system UI stacks (Apple Symbols, Segoe UI Symbol, Noto Sans Math, JetBrains Mono) cover nearly all BMP math and technical glyphs; test weight and size live inside the workbench above.