Box Drawing Symbols Patterns
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
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.
U+256D · ╭
The ╭ box drawings light arc down and right tends to show up in plain text whenever cute frames, kaomoji styling, text art need more structure or visual direction.
Open pageU+256E · ╮
The ╮ box drawings light arc down and left tends to show up in plain text whenever cute frames, mirrored text art, soft decoration need more structure or visual direction.
Open pageU+2570 · ╰
The ╰ box drawings light arc up and right is commonly copied for kaomoji faces, text art, cute decoration when the goal is structure, not just decoration.
Open pageU+256F · ╯
The ╯ box drawings light arc up and left is commonly copied for kaomoji faces, mirrored decoration, text art when the goal is structure, not just decoration.
Open pageU+2500 · ─
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 pageU+2502 · │
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 pageU+250C · ┌
This box drawings light down and right is most useful in text-heavy layouts built around frames, tables, text boxes where the character has to do real visual work.
Open pageU+2510 · ┐
This box drawings light down and left is most useful in text-heavy layouts built around frames, tables, text boxes where the character has to do real visual work.
Open pageU+2514 · └
Users usually reach for the └ box drawings light up and right in workflows involving frames, tables, text layouts because it keeps the layout readable and copy-ready.
Open pageU+2518 · ┘
The ┘ box drawings light up and left is commonly copied for frames, tables, text layouts when the goal is structure, not just decoration.
Open pageU+251C · ├
This box drawings light vertical and right is most useful in text-heavy layouts built around branching layouts, tree views, text structures where the character has to do real visual work.
Open pageU+2524 · ┤
This box drawings light vertical and left is most useful in text-heavy layouts built around branching layouts, text trees, structured notes where the character has to do real visual work.
Open pageU+252C · ┬
Users usually reach for the ┬ box drawings light down and horizontal in workflows involving table tops, text grids, layout branches because it keeps the layout readable and copy-ready.
Open pageU+2534 · ┴
This box drawings light up and horizontal is most useful in text-heavy layouts built around table bottoms, text grids, layout branches where the character has to do real visual work.
Open pageU+253C · ┼
Users usually reach for the ┼ box drawings light vertical and horizontal in workflows involving grid intersections, tables, diagram text because it keeps the layout readable and copy-ready.
Open pageU+2550 · ═
The ═ box drawings double horizontal is commonly copied for strong dividers, headers, text boxes when the goal is structure, not just decoration.
Open pageU+2551 · ║
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 pageU+2554 · ╔
The ╔ box drawings double down and right tends to show up in plain text whenever bold frames, strong text boxes, decorative layouts need more structure or visual direction.
Open pageU+2557 · ╗
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 pageU+255A · ╚
The ╚ box drawings double up and right is commonly copied for bold frames, strong text boxes, decorative layouts when the goal is structure, not just decoration.
Open pageU+255D · ╝
The ╝ box drawings double up and left is commonly copied for bold frames, strong text boxes, decorative layouts when the goal is structure, not just decoration.
Open pageArrow Symbols in this collection are grouped for minimal layouts, with a focus on copy-ready characters that solve a clear text problem.
Arrow Symbols in this collection are grouped for profile styling, with a focus on copy-ready characters that solve a clear text problem.
Arrow Symbols in this collection are grouped for headings and sections, with a focus on copy-ready characters that solve a clear text problem.
Arrow Symbols in this collection are grouped for copy and paste sets, with a focus on copy-ready characters that solve a clear text problem.
Arrow Symbols in this collection are grouped for bullets and lists, with a focus on copy-ready characters that solve a clear text problem.
Arrow Symbols in this collection are grouped for social captions, with a focus on copy-ready characters that solve a clear text problem.
Arrow Symbols in this collection are grouped for discord and community servers, with a focus on copy-ready characters that solve a clear text problem.
Arrow Symbols in this collection are grouped for website ui, with a focus on copy-ready characters that solve a clear text problem.