SVG blob generator (organic shapes)
Tap another shape until you find one you like. Adjust the points and randomness, choose the colors and copy the SVG or use it as a photo mask.
How to useOrganic shapes for your site
Available in: 
SVG blob generator (organic shapes): what it is for
Choose the number of points and the randomness, a color or a two-color gradient and generate new shapes with one tap. The curve passes smoothly through every point and closes without corners.
Download the SVG, copy the code or copy the mask version (clipPath) to crop any photo into the blob shape.
How to use
- Adjust points and randomness.
- Choose the color or gradient and generate shapes until you like one.
- Download the SVG or copy the photo mask.
When to use it
- Backgrounds behind photos and illustrations.
- Profile photos with an organic shape.
- Decorations on website sections and posts.
Frequently asked questions
What is a blob for?
Organic shapes break the rigidity of square layouts: they look good behind photos, icons and illustrations, as section backgrounds and as frames for profile photos.
How do I use it as a photo frame?
Copy the mask code (clip-path): it uses the same drawing in a clipPath with relative coordinates, and any image with the style clip-path:url(#blob) takes on the blob's shape.
Can I animate it?
Yes, by generating two shapes with the same number of points and animating the d attribute with CSS or JavaScript. Use slow animations and respect people who prefer less motion (prefers-reduced-motion).
Is it really free?
Yes, 100% free. No sign-up, no subscription and no usage limits. All Tools123 tools are free and run right in your browser.