Menu

Beta
Sign in
Six Lobe Blob SVG element, flat

Six Lobe Blob SVG element, flat

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.

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/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} />

Tags

sixlobesblobshapeblobselementflat

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.

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