Soft badge background
Use seven points, irregularity 20%, and a muted fill behind a short heading. A transparent canvas lets the shape sit on an existing page background.
Organic shape studio
Quadratic curves join randomized radial points. Save the seed and settings to recreate the exact shape.
Live blob
SVG source
Image processing and generated artwork stay in your browser. Files are not uploaded by this tool.
How to use the SVG Blob Generator
- 01
Choose the square canvas size and the number of radial control points.
- 02
Adjust irregularity and color. Keep the transparent-canvas option on for an overlay, or choose an opaque background.
- 03
Enter a repeatable seed or choose New shape. Download SVG or PNG once you like the result.
Examples
A coordinated shape family
Keep the same fill and canvas size while trying seeds 42, 43, and 44. Download each result as an SVG to create related but different illustrations.
What a seed controls
A small deterministic pseudorandom generator varies the radius of equally spaced points. Quadratic Bézier segments connect the midpoints between those vertices. The seed changes the radius sequence; point count and irregularity determine how pronounced the resulting contour becomes.
Transparent exports
The checkerboard behind the preview indicates empty space and is not part of the download. When transparent canvas is selected, only the blob is exported. Turning it off adds a rectangle in the chosen background color. The shape stays safely inside the canvas with a margin.
What to know
- Canvas size is limited to 100–2,000 pixels and point count to 3–16.
- The editor does not support manually dragging points or layering multiple blobs.
Common questions
Is the shape truly random?
New shape chooses a random seed in your browser. Once the seed is selected, the resulting geometry is deterministic and can be recreated.
Why does zero irregularity not produce a perfect circle?
The shape uses a finite number of quadratic curve segments. With equal radii it becomes a regular rounded contour; increasing the point count makes it more circle-like.
Can I edit the downloaded paths?
Yes. The SVG contains a normal path and, if selected, a background rectangle. You can edit these in a vector editor or in source code.