Shape Symbols ◆ — Copy and Paste
Geometric shapes cover everything from simple bullet points (● ○ ■ □) to filled triangles (▲ ▼ ◀ ▶), diamonds (◆ ◇ ◈), circles in various fill states (◐ ◑ ◒ ◓), patterned squares (▤ ▥ ▦ ▧), and modern additions like the hexagon (⬢ ⬣) and pentagon (⬠ ⬟). They're the go-to choice for plain-text bullet points where the standard • feels too small, for inline icons in checklists, and for decorative dividers in modern minimalist design.
How to use shape symbols
Click any shape to copy. Use ● and ○ as solid and outline bullet points in checklists, completed/incomplete markers, or radio-button mockups. Diamonds ◆ ◇ make stylish bullets for headings. Triangle pointers (▶ ▼ ◀ ▲) work as expand/collapse indicators in documentation, play/pause hints, or directional cues. Half-filled circles (◐ ◑ ◒ ◓) are useful for progress indicators in plain-text status reports. Squares (■ □ ▢) are common in task lists, similar to checkbox UI. Hexagons (⬡ ⬢) are a 2020s aesthetic favorite for modern app branding and crypto/tech labels.
Where shape symbols shine
Custom bullet points
Replace boring • bullets with ◆ ▸ ▪ ◉ in lists and outlines for instant visual upgrade. Works in any text doc, slide deck, or social caption.
Progress and completion markers
Use ● for done, ○ for todo, ◐ for in-progress in plain-text checklists. Quick visual scan replaces the need for [x] / [ ] markdown.
Diagrams and flowcharts in text
Outline ASCII flowcharts with shapes for nodes and arrows for connections — ◆ decision, ◯ start, ■ process. Useful in code comments and design notes.
Stylized bio headers
Break bio sections with ▬▬▬▬▬▬▬ or ◆◆◆ — adds structure without using more text.
Game and app UI mockups
Mock UI controls in plain text for early-stage design discussions — ▶ play, ▮▮ pause, ▼ menu. Faster than sketching in Figma for quick comms.