Menu

Beta
Sign in
Blob Ring SVG background, flat

Blob Ring SVG background, flat

Partly off the right edge, a thick uneven ring encloses a patch of background colour. It can frame a catalogue page or a conference slide.

Free · from Blob Backgrounds, Flat

Similar SVGs

More from Blob Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/vSsyfxWzYqQ3/amnt.svg" alt="Blob Ring" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><rect width="1600" height="900" fill="#F5F2EA"/><path fill="#AFC4B8" fill-rule="evenodd" d="M1470 48 C1630 20 1778 102 1842 242 C1912 395 1870 590 1748 719 C1642 831 1473 864 1337 786 C1205 711 1149 552 1184 390 C1219 229 1311 77 1470 48 Z M1484 230 C1393 246 1343 330 1331 417 C1317 515 1350 607 1428 647 C1504 686 1591 659 1646 597 C1710 525 1731 414 1691 328 C1655 251 1574 215 1484 230 Z"/></svg>
CSS background-image
.blob-ring {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/vSsyfxWzYqQ3/amnt.svg");
  background-size: contain;
}
React
import BlobRingSvg from "./blob-ring.jsx"; // from the React tab above

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

Tags

blobringloopbackgroundblobsflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Blob Ring: A thick, uneven ring sits partly off the right edge, enclosing a patch of the background colour. as part of the pack Blob Backgrounds, 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