Box Drawing Symbols Patterns

Box Drawing Symbols for Website UI

Box Drawing Symbols in this collection are grouped for website ui, with a focus on copy-ready characters that solve a clear text problem.

21 symbols in this page

Why this page exists

Box drawing clusters are structurally different from decorative symbols. The intent here is to build actual text layouts, borders, trees, dividers, and simple panels. Website UI pages work best when the symbol solves a product problem: navigation, state, structure, emphasis, or status.

They work in code blocks, notes, terminal-style designs, plain text templates, kaomoji setups, menus, and low-fi interface mockups. These sets are useful in help centers, simple apps, menus, pricing tables, status cards, onboarding, docs, and lightweight dashboards.

Corners, junctions, horizontals, and verticals need to be explored together. People rarely want one isolated glyph; they want a working toolkit. The better UI symbols are predictable, restrained, and easy to align with other interface text elements.

Symbols in this collection

Users usually reach for the ─ box drawings light horizontal in workflows involving text dividers, layout lines, ASCII-style frames because it keeps the layout readable and copy-ready.

Open symbol page
Text symbols

Users usually reach for the │ box drawings light vertical in workflows involving vertical dividers, column layouts, text framing because it keeps the layout readable and copy-ready.

Open symbol page

Users usually reach for the ║ box drawings double vertical in workflows involving strong columns, text borders, framed layouts because it keeps the layout readable and copy-ready.

Open symbol page

This box drawings double down and left is most useful in text-heavy layouts built around bold frames, strong text boxes, decorative layouts where the character has to do real visual work.

Open symbol page

Related pattern pages