Beta

Oval Blob SVG element, flat

Free

This horizontally stretched oval has subtle, irregular bulges. It works behind text on a website banner or beneath a product image in a catalogue.

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

ovalbloborganicshapeblobselementflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/uIggwAzFC2Qm/amnt.svg" alt="Oval Blob" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="currentColor"><path d="M100 37C124 35 150 41 168 54C185 66 193 82 190 100C193 118 183 135 166 147C148 160 125 164 101 162C77 165 52 159 34 147C16 135 8 119 11 101C8 83 18 66 36 54C54 42 77 36 100 37Z"/></svg>
CSS background-image
.oval-blob {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/uIggwAzFC2Qm/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.oval-blob {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/uIggwAzFC2Qm/amnt.svg") center / contain no-repeat;
}
React
import OvalBlobSvg from "./oval-blob.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Oval Blob: Draw a horizontally stretched filled oval with subtle irregular bulges. 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