Beta

Blob Cluster SVG background, flat

Free
Blob Cluster SVG background, flat

Four touching blobs of different sizes gather at the lower left, leaving room for text. Add them to a workshop handout or a podcast cover.

Sign in to download. Free SVGs are free with any account.

blobclustergroupbackgroundblobsflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/BFGWTKzfCIPN/amnt.svg" alt="Blob Cluster" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><rect width="1600" height="900" fill="#F5F2EA"/><path d="M-70 590 C-58 478 46 414 158 440 C258 463 303 565 279 659 C256 750 146 805 47 770 C-38 740-82 676-70 590Z" fill="#A8BDB2"/><path d="M188 713 C185 607 261 535 365 546 C463 557 519 644 495 738 C475 821 396 875 297 859 C226 847 190 795 188 713Z" fill="#D7C9B7"/><path d="M-57 813 C-39 724 44 682 133 705 C219 727 253 806 224 901 L-57 901Z" fill="#8FA99E"/><path d="M382 842 C387 773 443 729 511 740 C579 751 613 818 590 901 L373 901 C373 880 377 858 382 842Z" fill="#C5D2C3"/></svg>
CSS background-image
.blob-cluster {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/BFGWTKzfCIPN/amnt.svg");
  background-size: contain;
}
React
import BlobClusterSvg from "./blob-cluster.jsx"; // from the React tab above

<BlobClusterSvg width={48} height={48} />

Made with AMNT

AMNT SVG 1.1 drew this from the words Blob Cluster: Four touching blobs of different sizes gather in the lower-left area, away from the text space. as part of the pack Blob Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Blob Backgrounds, Flat

Whole pack

Similar SVGs

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence