Menu

Beta
Sign in
Beta
Oval Blob SVG element, flat

Oval Blob SVG element, flat

This horizontally stretched oval has small, irregular bulges along its edge. It can hold a heading on a presentation slide or sit behind a product image in a catalogue.

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/WS98dDdUb9K9/amnt.svg" alt="Oval 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="coral" data-name="Coral"><path d="M395 255c-55 3-108 26-148 64-31 28-51 52-93 66-25 9-50 18-70 37-55 49-54 132 11 173 20 12 43 16 63 30 18 13 28 33 45 48 37 34 91 46 141 44 119-5 165-90 294-22 11 6 22 13 34 18 47 21 98 13 138-19 12-9 21-20 32-29 14-12 32-20 49-28 96-43 129-159 23-215-15-8-30-15-41-29-20-24-19-46-51-64-57-33-93 7-146 13-110 13-161-92-281-87z" fill="#fc6645" stroke="#fc6645"/></g><g id="black" data-name="Black"><path d="M401 244c-58 0-116 25-158 63-33 30-50 53-93 68-25 8-49 17-68 34-60 51-68 136-4 187 19 15 42 20 63 31s32 32 48 49c36 36 89 50 139 52 121 4 181-92 305-23 62 35 121 48 181 0 34-27 39-39 82-58 96-43 139-164 36-227-13-9-29-14-41-24-23-19-25-50-55-71-32-24-73-24-108-11-13 5-26 11-40 15-68 16-113-23-168-53-36-20-78-32-119-32zm-6 11c120-5 171 100 281 87 53-6 89-46 146-13 32 18 31 40 51 64 11 14 26 21 41 29 106 56 73 172-23 215-17 8-35 16-49 28-11 9-20 20-32 29-40 32-91 40-138 19-12-5-23-12-34-18-129-68-175 17-294 22-50 2-104-10-141-44-17-15-27-35-45-48-20-14-43-18-63-30-65-41-66-124-11-173 20-19 45-28 70-37 42-14 62-38 93-66 40-38 93-61 148-64z" fill="#211e1e" stroke="#211e1e"/></g></svg>
CSS background-image
.oval-blob {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/WS98dDdUb9K9/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/WS98dDdUb9K9/amnt.svg") center / contain no-repeat;
}
React
import OvalBlobSvg from "./oval-blob.jsx"; // from the React tab above

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

Tags

ovalbloborganicshapeblobselementflat

Made with AMNT

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