Vertical Bar
U+007C
ASCII symbols
The | vertical bar is a practical ascii symbol people use for separators, menus, minimal layouts in plain text.
Open symbol pageBox Drawing Symbols Collection
Box Drawing Symbols for Website UI
Box drawing symbols are useful for text layouts, framed notes, ASCII-style panels, simple tables, tree views, and decorative text structures. This page emphasizes symbols that work in product copy, menu labels, docs, onboarding, support blocks, simple dashboards, and lightweight interface text.
24 symbols in this collection
Why this collection exists
This is one of the better symbol clusters for a utility-heavy site because the intent is distinct. Users want to build visible structure directly in text, not just copy a decorative glyph. Website-UI intent is different from purely aesthetic browsing. The user wants characters that support navigation, status, structure, or attention in a clean product-like setting.
These characters fit code comments, terminal-style layouts, plain text documents, kaomoji sets, note templates, and social content that borrows an old-school text-art aesthetic. These symbols are useful for accordions, menu rows, comparison cards, callouts, settings states, helper text, documentation, and lightweight interface chrome.
People rarely need one box character in isolation. They need corners, vertical lines, horizontals, junctions, and heavier alternatives that work together as a set. The stronger choices here are usually simple, crisp, and predictable across fonts. They need to help the interface rather than compete with it.
Symbols in this list
Text symbols
This heavy black curved downwards and rightwards arrow is most useful in text-heavy layouts built around curved flow, soft directional cues, layout guidance where the character has to do real visual work.
Open symbol pageBroken Bar
U+00A6
Text symbols
This broken bar is most useful in text-heavy layouts built around light separators, technical notation, structured text where the character has to do real visual work.
Open symbol pageText symbols
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 symbol pageText symbols
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 symbol pageText symbols
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 symbol pageText symbols
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 symbol pageText symbols
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 pageText 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 pageText symbols
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 symbol pageText symbols
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 symbol pageText symbols
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 symbol pageText symbols
The ┘ box drawings light up and left is commonly copied for frames, tables, text layouts when the goal is structure, not just decoration.
Open symbol pageText symbols
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 symbol pageText symbols
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 symbol pageText symbols
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 symbol pageText symbols
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 symbol pageText symbols
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 symbol pageText symbols
The ═ box drawings double horizontal is commonly copied for strong dividers, headers, text boxes when the goal is structure, not just decoration.
Open symbol pageText symbols
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 pageText symbols
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 symbol pageText symbols
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 pageText symbols
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 symbol pageText symbols
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 symbol pageRelated symbol lists
- Box Drawing Symbols for Copy and Paste
Box drawing symbols are useful for text layouts, framed notes, ASCII-style panels, simple tables, tree views, and decorative text structures. This version focuses on copy-and-paste intent, where visitors want a ready list they can use immediately without browsing technical tables.
- Box Drawing Symbols for Instagram Bios
Box drawing symbols are useful for text layouts, framed notes, ASCII-style panels, simple tables, tree views, and decorative text structures. This route is tuned for bio and profile styling, where users want symbols that look clean, expressive, and easy to combine with short personal text.
- Box Drawing Symbols for Usernames
Box drawing symbols are useful for text layouts, framed notes, ASCII-style panels, simple tables, tree views, and decorative text structures. This route focuses on symbols that look natural around display names, usernames, alt accounts, and fan handles.
- Box Drawing Symbols for Headings
Box drawing symbols are useful for text layouts, framed notes, ASCII-style panels, simple tables, tree views, and decorative text structures. This version groups characters that work well in titles, section headers, cards, menus, and content blocks where the symbol should frame or emphasize text.
- Box Drawing Symbols for Lists
Box drawing symbols are useful for text layouts, framed notes, ASCII-style panels, simple tables, tree views, and decorative text structures. This page is built for bullets, status lists, checklists, notes, agendas, and any text layout that needs repeatable markers.
- Box Drawing Symbols for Messaging
Box drawing symbols are useful for text layouts, framed notes, ASCII-style panels, simple tables, tree views, and decorative text structures. This route targets texting, chat replies, quick notes, captions, and short-form communication where symbols shape tone without taking over the message.
- Box Drawing Symbols for Discord and Social
Box drawing symbols are useful for text layouts, framed notes, ASCII-style panels, simple tables, tree views, and decorative text structures. This route serves profile-heavy and community-heavy use, where symbols are often copied into nicknames, channel names, bios, role labels, and fan spaces.
- Divider Symbols for Copy and Paste
Divider symbols help break up text, separate profile sections, structure notes, frame menus, and give plain layouts a clearer rhythm. This version focuses on copy-and-paste intent, where visitors want a ready list they can use immediately without browsing technical tables.