Menu

Beta
Sign in
Beta
Pebble Blob SVG element, flat

Pebble Blob SVG element, flat

A compact, softly triangular shape has three unequal rounded corners. It works as a marker on a map illustration or a small backdrop for an icon in a guide.

Free · from Blob Elements, Flat

Similar SVGs

More from Blob Elements, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/oTdcAXVajpjZ/amnt.svg" alt="Pebble Blob" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="currentColor"><path d="M91 19C105 10 121 15 131 29C150 55 170 88 181 116C190 138 179 157 158 165C128 177 86 184 54 180C28 177 17 157 27 133C38 105 59 58 77 32C81 26 86 22 91 19Z"/></svg>
CSS background-image
.pebble-blob {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/oTdcAXVajpjZ/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/oTdcAXVajpjZ/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 SVG 1.1 drew this from the words Pebble Blob: Draw a compact, softly triangular filled shape with three unequal rounded corners. as part of the pack Blob Elements, Flat. 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