SVG Blob Generator

An SVG blob is a smooth, irregular rounded shape with no straight edges, often used as a background accent, a hero or avatar mask, or a decorative shape behind text. Because it is an SVG path, it scales to any size without losing quality and stays a tiny file.

Points sets how many vertices are placed around a circle before the edges are smoothed into curves. More points make a more detailed, wavier outline. Randomness sets how far each vertex is pushed in or out from the base circle, so 0 is a near-perfect circle and higher values make a more lopsided, organic blob.

Every blob is built from a numeric seed fed into a small deterministic random generator. The same seed and settings always produce the exact same path, so a shape you like can be regenerated later. Pressing Randomize simply picks a new seed.

The vertices around the circle are joined with cubic bezier curves derived from a Catmull-Rom spline that passes through every point. The loop wraps around on itself, so the result is one continuous, seamless outline with no visible corners.

Yes. Switch on gradient mode and pick two colors, and the SVG embeds a linear gradient in its defs and references it as the path fill. The downloaded file is self-contained, so the gradient renders anywhere the SVG is used.

No. The shape, the preview and the SVG code are all generated in your browser, so nothing about your colors or settings leaves your device. You can use the tool fully offline once the page has loaded.