SVG Blob Generator

Create smooth, organic SVG blob shapes with parametric control over point count, irregularity, and size. Copy full SVG code or path data.

Private by architecture: All processing is 100% client-side memory. Your data never leaves this browser tab.

Blob Shape Parameters

Fill Color

Points Count: 6

Irregularity: 45%

Canvas Size: 500 px

Random Seed

Live Preview

Export Options

Download SVG

Full SVG Markup

Path Coordinate Data (d)

About This Tool

The SVG Blob Generator creates fluid, organic vector shapes for illustrations, modern hero backgrounds, profile backdrops, and UI accents.

Unlike rudimentary jagged polygons, each shape is constructed using smooth cubic Bezier splines connecting mathematically distributed vertices. Every shape is completely reproducible via its seed value, letting you share and reuse exact designs.

Key Features

Parametric vertex control: Adjust vertex count from 3 simple lobes up to 16 complex organic contours.
Continuous irregularity slider: Scale irregularity from near-circular harmony to playful asymmetry.
Cubic Bezier curve smoothing: Tangent vectors are calculated across closed loops for seamless, kink-free curves.
Deterministic seed reproducibility: Save any seed string or number to recreate identical vector geometries anytime.
Copy SVG or path d attribute: Export full standalone vector files, or copy just the d coordinate string for icons and design systems.

Frequently Asked Questions

How do I use the generated blob in Figma or Illustrator?

Click Copy SVG, switch to Figma or Illustrator, and paste directly (Ctrl+V or Cmd+V). The blob pastes as a native vector layer.

How do I use this inside an existing SVG icon or component?

Click Copy Path (d) and paste the coordinate string into the d attribute of any <path> inside your React, Vue, or HTML templates.

Can I morph between two blobs?

Yes. If both blobs are generated with the exact same Points Count, their SVG path commands have matching numbers of cubic Bezier control points, making them ideal for CSS or GSAP path morphing.

Are blobs computed locally?

Yes. All spline math and vector rendering execute exclusively in your browser memory without contacting any server.