SVG Blob Shape Generator
Adjust points and complexity to create random organic blob SVGs and copy the code
도구를 불러오는 중…
🔒 Everything runs 100% in your browser. Your files and input are never uploaded to any server.
Adjust the number of points and the complexity to generate a different water-droplet-like organic blob shape every time. Copy the SVG code, connected by smooth curves, to use right away as a hero background, avatar mask, or decorative element.
How to use
- Click 'Generate new shape' to shuffle randomly until you like the form.
- Adjust the roundness and bumpiness with the point-count and complexity (irregularity) sliders.
- Set a color, then copy the SVG code below.
- Paste it into your HTML or use it as a background mask (clip-path or mask).
FAQ
- Why does the shape change every time I click?
- Because it randomly jitters the radius of each point placed around a circle. Even with the same settings, clicking 'Generate new shape' produces a completely different form from a new seed.
- How are the curves so smooth?
- It converts a Catmull-Rom spline through the points into cubic Beziers and joins them into a closed curve, so they connect seamlessly with no kinks.
- Can I use the blob I make commercially?
- The code is a pure SVG shape generated mathematically in your browser, so you can use it freely with no copyright worries. Just note that checking it doesn't resemble a specific brand logo is your responsibility as a final step.