SVG Blob Generator

Random Organic Shapes.

Loading…

Blobs are the soft, irregular shapes that sit behind photos, icons and headlines in modern layouts. Each press of the button draws a new one from smooth curves through randomly placed points.

Control how many corners the shape has and how irregular it is, fill it with one color or a blend of two, or keep only the outline. The background is transparent.

How to use the SVG Blob Generator tool

  1. Set the corners and the irregularity.
  2. Choose colors and press New random shape.
  3. Copy the SVG, or download SVG or PNG.
  • Backgrounds behind portraits and product photos
  • Decorative shapes in hero sections
  • Stickers, avatars and icon backdrops

Tips for the best result

  • Low irregularity gives pebble shapes; high gives splashes.
  • Layer two blobs in different colors, slightly offset, for depth.

Quick facts

PriceFree
Works withSVG, PNG
Where it runsIn your browser, on your device
AccountNot needed

Frequently asked questions

Can I get the same blob again?

Keep the SVG; a new press always makes a different shape.

How do I use a blob as a mask for a photo?

Use the path in a CSS clip-path or an SVG clipPath element.

What size is the PNG?

The size you set, at high resolution, with a transparent background.

Are the shapes free to use?

Yes, including in commercial work.