Menu

Beta
Sign in
Beta
Split Blob SVG element, flat

Split Blob SVG element, flat

Two matching organic halves are separated by a narrow curved gap. Use them to flank a title on an invitation or illustrate division in a worksheet.

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/AVN-6HTBoqru/amnt.svg" alt="Split Blob" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="currentColor"><path d="M91 13C69 13 48 23 33 40C18 57 11 79 13 102C11 125 20 147 36 164C51 180 71 188 91 188C82 169 80 150 85 132C90 114 96 101 93 84C90 66 83 49 91 13Z"/><path d="M109 13C131 13 152 23 167 40C182 57 189 79 187 102C189 125 180 147 164 164C149 180 129 188 109 188C118 169 120 150 115 132C110 114 104 101 107 84C110 66 117 49 109 13Z"/></svg>
CSS background-image
.split-blob {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/AVN-6HTBoqru/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.split-blob {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/AVN-6HTBoqru/amnt.svg") center / contain no-repeat;
}
React
import SplitBlobSvg from "./split-blob.jsx"; // from the React tab above

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

Tags

blobsplithalvesgapblobselementflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Split Blob: Draw two matching organic halves separated by a narrow curved gap. 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