Shapes
55 vector shapes for use as visual anchors throughout the docs. Use inline in MDX headings:
## <img src="/shape-diamond.svg" width="14" style={{display: 'inline', verticalAlign: 'middle', marginRight: '8px'}} />Section TitleGeometric
Symbols
Nature
3D
Outlines & Rings
Directional
Decorative
Colors
| Swatch | Hex | Used by |
|---|---|---|
#00EEBE | square, stripe | |
#7A3BF7 | circle | |
#FA7CFA | triangle, flower | |
#FAD030 | star, sparkle, bolt, flame, sun | |
#FE0302 | heart, x-mark, target, flag | |
#FF6B35 | diamond, semicircle, starburst, flame, pyramid | |
#0096FF | pentagon, parallelogram, rounded-square, wave | |
#06B6D4 | hexagon, eye, slash | |
#14B8A6 | octagon, cube, bracket | |
#3B82F6 | cross, droplet, grid | |
#84CC16 | arrow-right, heptagon, dash | |
#F59E0B | arrow-up, crescent, hourglass | |
#EC4899 | trapezoid, spiral, ribbon | |
#8B5CF6 | chevron-down, moon | |
#FF3366 | ring, asterisk, zigzag, caret | |
#6366F1 | donut, shield | |
#A855F7 | oval, infinity, arc | |
#22C55E | capsule, leaf | |
#EC4899 | chevron-right, flower |