Menu

Beta
Sign in
Pebble Blob SVG element, flat

Pebble Blob SVG element, flat

Three unequal rounded corners give this compact filled shape a soft triangular outline. It can back a small icon on a website or mark a location on an illustrated map.

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/KNSpAo-ltsXX/amnt.svg" alt="Pebble 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="teal" data-name="Teal"><path d="M372 181c-39 3-77 21-102 50-87 102-34 244 13 351 33 76 136 292 247 228 23-13 39-36 54-57 19-28 38-56 62-81 26-28 56-52 84-78 18-18 37-35 51-57 32-48 25-101-22-135-23-16-49-28-73-43-39-24-75-51-110-79-59-46-123-105-204-99z" fill="#4c9389" stroke="#4c9389"/></g><g id="pine" data-name="Pine"><path d="M376 166c-88 3-149 74-164 157-16 88 20 176 54 257 36 84 113 248 217 255 45 3 80-26 104-60 20-28 37-57 59-81 29-32 61-60 93-88 59-53 118-137 42-206-26-23-59-36-88-54-37-23-71-48-104-74-62-50-129-108-213-106zm-4 15c81-6 145 53 204 99 35 28 71 55 110 79 24 15 50 27 73 43 47 34 54 87 22 135-14 22-33 39-51 57-28 26-58 50-84 78-24 25-43 53-62 81-15 21-31 44-54 57-111 64-214-152-247-228-47-107-100-249-13-351 25-29 63-47 102-50z" fill="#0e2a2a" stroke="#0e2a2a"/></g></svg>
CSS background-image
.pebble-blob {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/KNSpAo-ltsXX/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.pebble-blob {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/KNSpAo-ltsXX/amnt.svg") center / contain no-repeat;
}
React
import PebbleBlobSvg from "./pebble-blob.jsx"; // from the React tab above

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

Tags

pebbleblobstoneshapeblobselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Pebble Blob: Draw a compact, softly triangular filled shape with three unequal rounded corners. 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