Every picture in the library follows these, and so does every download.
Free blob SVG elements
- Blob Border
- Blob Background
- Four Lobe Blob
- Asymmetric Blob
- Side Blob
- Dripping Blob
- Wavy Blob
- Corner Blob
- Wide Blob
- Five Lobe Blob
- Blob Cluster
- Tall Blob
- Splat Blob
- Blob Ring
- Blob Cutout
- Six Lobe Blob
- Cloud Blob
- Pebble Blob
- Overlapping Blobs
- Blob Frame
- Oval Blob
- Round Blob
- Stacked Blobs
- Split Blob
- Four Lobe Blob
- Corner Blob
- Dripping Blob
- Wavy Blob
- Tall Blob
- Blob Frame
- Blob Cutout
- Stacked Blobs
- Pebble Blob
- Blob Border
- Cloud Blob
- Blob Background
- Wide Blob
- Split Blob
- Oval Blob
- Splat Blob
- Asymmetric Blob
- Five Lobe Blob
- Overlapping Blobs
- Side Blob
- Round Blob
Packs
Sets drawn in one style.
Tags
About this page
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.
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.