Menu

Beta
Sign in
Beta
Cloud Blob SVG element, flat

Cloud Blob SVG element, flat

Several connected rounded humps rise above a broad, flat bottom. Use the shape behind a short note on a weather worksheet or as a label on a nursery wall chart.

Free · from Blob Elements, Flat · Set 2

Similar SVGs

More from Blob Elements, Flat · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9n_ptXjM5fvD/amnt.svg" alt="Cloud Blob" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="sky" data-name="Sky"><path d="M707 439c1-25-6-53-17-75-65-131-258-113-302 25-21-9-38-21-62-23-73-6-129 60-126 131-126-24-182 122-87 172 34 17 126 10 168 10 59 0 118 0 178 0 119 0 237 0 357 0 48 0 109 9 134-43 16-34 6-78-32-92-11-4-23-4-35-4 21-83-64-148-141-121-12 4-26 10-35 20z" fill="#7bc4fb" stroke="#7bc4fb"/></g><g id="navy" data-name="Navy"><path d="M722 407c-26-137-190-201-297-105-20 18-33 39-46 62-16-7-32-13-50-15-54-4-107 26-131 75-7 15-15 35-14 53-25 0-49 2-72 13-74 36-87 140-17 188 39 27 124 18 173 18 63 0 126 0 190 0 126 0 254 0 381 0 17 0 36 2 53 0 34-3 65-29 77-60 20-51-11-107-66-112 0-76-55-133-132-129-18 1-33 7-49 12zm-15 32c9-10 23-16 35-20 77-27 162 38 141 121 12 0 24 0 35 4 38 14 48 58 32 92-25 52-86 43-134 43-120 0-238 0-357 0-60 0-119 0-178 0-42 0-134 7-168-10-95-50-39-196 87-172-3-71 53-137 126-131 24 2 41 14 62 23 44-138 237-156 302-25 11 22 18 50 17 75z" fill="#022653" stroke="#022653"/></g></svg>
CSS background-image
.cloud-blob {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9n_ptXjM5fvD/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.cloud-blob {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9n_ptXjM5fvD/amnt.svg") center / contain no-repeat;
}
React
import CloudBlobSvg from "./cloud-blob.jsx"; // from the React tab above

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

Tags

cloudblobhumpsshapeblobselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Cloud Blob: Draw a broad flat-bottomed shape topped by several connected, rounded humps. A flat element. as part of the pack Blob Elements, Flat · Set 2. Want one like it? Make your own in the SVG studio.

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

Settings