Shape Symbols Guide

Shape Symbols Guide for Layout and UI

Shape Symbols guide content focused on layout and ui, with practical symbol choices instead of raw character dumps.

15 symbols in this page

Why this page exists

Shape pages are stronger than they look because the user intent is specific. People often know the general geometry they want and need copy-ready options quickly. Layout guides are practical by design. The reader is usually trying to structure text or add interface cues without designing a whole component.

These shapes help with legends, bullets, status dots, tables, profile styling, minimal icons, dashboards, and visual labeling. These pages work for help docs, notes, dashboards, menus, pricing tables, cards, and UI microcopy.

Filled and outlined shapes play different roles in design, layout, and scanning. A useful set exposes those contrasts instead of flattening them. The value of a layout guide is helping the user choose between symbols that look similar but behave differently in repeated interface use.

Symbols in this collection

✪

Circled White Star

U+272A

Unicode symbols

The ✪ circled white star sits in the useful middle ground between plain punctuation and emoji, especially for badges, featured blocks, attention markers.

Open symbol page
♦

Black Diamond Suit

U+2666

Unicode symbols

For card styling, decorative text, simple icon lists, the ♦ black diamond suit gives a text-first look that stays more neutral than emoji presentation.

Open symbol page
○

White Circle

U+25CB

Unicode symbols

The ○ white circle sits in the useful middle ground between plain punctuation and emoji, especially for status dots, minimal bullets, outline markers.

Open symbol page
●

Black Circle

U+25CF

Unicode symbols

The ● black circle works as a cleaner visual mark for filled bullets, status markers, simple layout icons than a full emoji treatment.

Open symbol page
□

White Square

U+25A1

Unicode symbols

For empty check states, minimal boxes, layout markers, the □ white square gives a text-first look that stays more neutral than emoji presentation.

Open symbol page
■

Black Square

U+25A0

Unicode symbols

Many people use the ■ black square when they want filled markers, simple legend symbols, layout bullets to read as text styling rather than emoji decoration.

Open symbol page
△

White Up Pointing Triangle

U+25B3

Unicode symbols

Many people use the △ white up pointing triangle when they want outline pointers, simple graph labels, minimal arrows to read as text styling rather than emoji decoration.

Open symbol page
▲

Black Up Pointing Triangle

U+25B2

Unicode symbols

For directional markers, growth indicators, minimal pointers, the ▲ black up pointing triangle gives a text-first look that stays more neutral than emoji presentation.

Open symbol page
◇

White Diamond

U+25C7

Unicode symbols

Many people use the ◇ white diamond when they want outline decoration, clean separators, light icon sets to read as text styling rather than emoji decoration.

Open symbol page
◆

Black Diamond

U+25C6

Unicode symbols

Many people use the ◆ black diamond when they want filled markers, section dividers, feature bullets to read as text styling rather than emoji decoration.

Open symbol page
◉

Fisheye

U+25C9

Unicode symbols

For focus markers, targets, highlight dots, the ◉ fisheye gives a text-first look that stays more neutral than emoji presentation.

Open symbol page
◌

Dotted Circle

U+25CC

Unicode symbols

The ◌ dotted circle works as a cleaner visual mark for placeholder shapes, linguistic notes, shape references than a full emoji treatment.

Open symbol page
◎

Bullseye

U+25CE

Unicode symbols

The ◎ bullseye works as a cleaner visual mark for target labels, focus points, highlight markers than a full emoji treatment.

Open symbol page
‣

Triangular Bullet

U+2023

Text symbols

The ‣ triangular bullet tends to show up in plain text whenever structured lists, guide callouts, section markers need more structure or visual direction.

Open symbol page

Related guide pages