The shape comes from placing a set number of points evenly around a circle, nudging each one randomly along its radius, then connecting them with quadratic Bezier curves through the midpoints between neighbors. That last step is what turns a jagged polygon into a smooth, organic outline.

Point count and roundness control the shape's complexity and how far it strays from a perfect circle. A gradient between two colors fills it, and the result copies as raw SVG markup or downloads as a standalone .svg file.

How the shape is generated

Points (3 to 10) sets how many anchor points the outline is built from. Fewer points make a simpler, more angular blob; more points make a more intricate one. Roundness (10–100%) scales how far each point may drift from a perfect circle before the curve is drawn through it, so low roundness stays close to circular while high roundness produces a more irregular outline.

Generate Random Shape re-rolls the random offsets using the current point count and roundness. Neither setting changes, only the specific shape drawn from them.

Getting a shape you want to keep

There's no seed and no history. Every click of Generate Random Shape produces a fresh random result from the same settings, and once a shape is replaced there is no way back to it. Download or copy a shape you like before generating another.

The downloaded file uses a fixed 400×400 viewBox with width and height set to 100%, so it scales cleanly to any size when placed in a page. Resize it with CSS; regenerating at a different pixel size is unnecessary.

Frequently asked questions