Beta

Blob Cluster SVG element, flat

Free

Three separate rounded blobs form a close triangular group. They can decorate the corner of a brochure or add small accents to a presentation slide.

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

blobclustergroupshapesblobselementflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/1M4k7oRxQVVb/amnt.svg" alt="Blob Cluster" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="currentColor"><path d="M100 12C122 10 140 26 143 47C147 69 132 86 109 89C86 93 65 81 60 60C54 38 70 16 92 13C95 12 98 12 100 12Z"/><path d="M49 86C70 79 89 92 94 113C100 134 88 160 67 170C46 180 25 170 17 149C9 128 18 101 38 90C42 88 46 87 49 86Z"/><path d="M151 83C174 81 188 100 190 123C193 147 179 172 158 181C136 190 112 177 106 155C100 133 113 106 134 91C140 87 146 84 151 83Z"/></svg>
CSS background-image
.blob-cluster {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/1M4k7oRxQVVb/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.blob-cluster {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/1M4k7oRxQVVb/amnt.svg") center / contain no-repeat;
}
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: Draw three separate rounded blobs grouped closely in a triangular arrangement. as part of the pack Blob Elements, Flat. Want one like it? Make your own in the SVG studio.

Rest of Blob Elements, 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