Beta

Six Lobe Blob SVG element, flat

Free

With six evenly spaced lobes and shallow gaps, this shape has a balanced outline. It suits a badge on a handout or a callout in a report.

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

sixlobesblobshapeblobselementflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/YMcUSTkfQ5s8/amnt.svg" alt="Six Lobe 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 12C122 12 128 34 138 34S162 34 176 56C187 74 176 88 176 100S187 126 176 144C162 166 148 166 138 166S122 188 100 188C78 188 72 166 62 166S38 166 24 144C13 126 24 112 24 100S13 74 24 56C38 34 52 34 62 34S78 12 100 12Z"/></svg>
CSS background-image
.six-lobe-blob {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/YMcUSTkfQ5s8/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.six-lobe-blob {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/YMcUSTkfQ5s8/amnt.svg") center / contain no-repeat;
}
React
import SixLobeBlobSvg from "./six-lobe-blob.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Six Lobe Blob: Draw a filled shape with six evenly spaced rounded lobes and shallow gaps. 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