Menu

Beta
Sign in
Beta
Blob Frame SVG element, flat

Blob Frame SVG element, flat

A thick organic frame surrounds an empty rounded rectangular opening. Set it around a photo in a scrapbook page or a portrait on an invitation.

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/s4r5lZSuK4_B/amnt.svg" alt="Blob Frame" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="currentColor"><path fill-rule="evenodd" d="M44 13C65 8 84 12 103 11C126 9 149 11 166 25C184 39 190 61 187 82C190 104 191 127 182 148C174 169 156 185 134 187C114 190 92 186 73 188C51 189 29 180 19 161C8 142 12 121 11 100C9 77 12 54 25 35C30 27 36 18 44 13ZM59 49C53 49 49 54 49 60V140C49 147 54 152 61 152H139C146 152 151 147 151 140V60C151 53 146 48 139 48H61C60 48 59 48 59 49Z" clip-rule="evenodd"/></svg>
CSS background-image
.blob-frame {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/s4r5lZSuK4_B/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.blob-frame {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/s4r5lZSuK4_B/amnt.svg") center / contain no-repeat;
}
React
import BlobFrameSvg from "./blob-frame.jsx"; // from the React tab above

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

Tags

blobframephotoopeningblobselementflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Blob Frame: Draw a thick irregular outer shape around a large empty rounded rectangular opening. 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