Polygon workbench
Shape
Hexagon Triangle Arrow Chevron Star Ticket Diamond Ribbon Apply preset
6 vertices Point 1 Percent-based CSS
＋ Add vertex − Remove vertex ↶ Undo ↻ Reset
Drag blue handles. Click a handle to select it; use arrow keys on the editor to nudge by 1%, or Shift + arrow for 10%. The add button inserts a point on the longest edge.
Live shape preview
Copy-ready CSS Edit or paste a polygon(...) clip-path, then choose Import.
📋 Copy CSS ↥ Import CSS ↓ SVG 🔗 Share
Choose a preset or drag a vertex to begin.
The shape uses CSS clip-path: polygon(...) with percentage coordinates, so it scales with its element. Export creates a standalone vector SVG. Share stores only the polygon and colours in the URL fragment. Everything runs locally; no uploads or tracking.