Free blob SVG elements
Browse free blob SVG elements for page backgrounds, cards, profile images and illustrations. Use an organic shape behind a heading, as a colour block in a layout, or as a frame for a photo. Blobs can help separate sections without adding a hard border.
You can recolour a blob on this page and change its size, opacity, stroke width or rotation before you export it. Copy the SVG code, use a CSS background-image or mask-image data URI, or download a PNG, WebP or JPG. You can also export a React component. Free items are available for personal projects with a free account, and no credit line is needed.
Packs
Sets drawn in one style.
Round Blob
Oval Blob
Wavy Blob
Asymmetric Blob
Four Lobe Blob
Five Lobe Blob
Six Lobe Blob
Blob Background
Blob Frame
Blob Border
Blob Cutout
Blob Ring
Blob Cluster
Overlapping Blobs
Stacked Blobs
- Pro
Corner Blob
- Pro
Side Blob
- Pro
Wide Blob
- Pro
Tall Blob
- Pro
Split Blob
- Pro
Dripping Blob
- Pro
Splat Blob
- Pro
Pebble Blob
- Pro
Cloud Blob
Not what you need?
Describe it: the SVG studio opens with this style filled in.
More elements
Questions
- Can I change the colour of a blob?
- Yes. Recolour an item or the whole grid on the page, then export the version you want.
- Can I use a free blob SVG for a client project?
- Free accounts can use free items for personal projects. Pro and Max accounts get a commercial licence for items they download.
- How can I add a blob to a website?
- Copy the SVG code, export a CSS background-image or mask-image data URI, or export a React component.