Menu

Beta
Sign in
Beta
Side Blob SVG element, flat

Side Blob SVG element, flat

Entering from the left edge, this rounded shape keeps its other edges visible. It can support a sidebar label in a document or decorate a website section.

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/XKuWRB8Ktk5o/amnt.svg" alt="Side Blob" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="currentColor"><path d="M0 25C19 13 43 10 68 14C91 17 111 25 128 39C146 53 162 69 168 90C175 111 170 133 157 151C144 170 122 183 99 188C76 193 53 188 35 178C22 171 10 162 0 151Z"/></svg>
CSS background-image
.side-blob {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/XKuWRB8Ktk5o/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.side-blob {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/XKuWRB8Ktk5o/amnt.svg") center / contain no-repeat;
}
React
import SideBlobSvg from "./side-blob.jsx"; // from the React tab above

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

Tags

blobsideedgedecorationblobselementflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Side Blob: Draw a rounded organic shape entering from the left edge, with its other edges fully visible. 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