Beta

Stacked Blobs SVG element, flat

Free

Three flattened blobs sit in a slightly offset vertical stack. The layers work beside a list in a guide or beneath a heading on a poster.

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

blobsstacklayersshapeselementflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/eztBYDmNrrSi/amnt.svg" alt="Stacked Blobs" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="currentColor"><path d="M24 145C31 133 55 129 84 130C117 129 151 132 169 141C181 147 184 159 174 168C162 179 128 183 96 182C64 183 37 179 25 169C17 163 17 152 24 145Z"/><path d="M39 93C49 81 72 78 102 79C132 77 158 82 170 93C179 101 177 113 166 121C152 131 126 134 98 133C69 134 47 129 37 119C28 111 30 101 39 93Z"/><path d="M30 42C40 31 65 27 94 29C122 27 147 32 158 43C168 52 166 63 154 71C141 79 115 82 87 81C60 82 38 77 28 68C19 60 21 50 30 42Z"/></svg>
CSS background-image
.stacked-blobs {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/eztBYDmNrrSi/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.stacked-blobs {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/eztBYDmNrrSi/amnt.svg") center / contain no-repeat;
}
React
import StackedBlobsSvg from "./stacked-blobs.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Stacked Blobs: Draw three flattened blobs piled vertically, each slightly offset from the one below. 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