Menu

Beta
Sign in
Blob Ribbon SVG background, flat

Blob Ribbon SVG background, flat

A thick, winding strip crosses the bottom third and continues through both side edges. It can anchor a website footer or a printed event schedule.

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/as0PiwpY0AzM/amnt.svg" alt="Blob Ribbon" 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 d="M-100 635
           C35 635 82 522 210 536
           C332 548 341 685 480 679
           C607 673 632 552 770 566
           C905 580 914 700 1056 677
           C1189 655 1200 544 1340 559
           C1475 574 1515 650 1700 617
           L1700 849
           C1540 883 1461 775 1330 787
           C1195 799 1168 899 1030 895
           C891 891 882 774 750 789
           C621 804 588 900 450 897
           C310 894 301 762 181 768
           C54 774 26 867 -100 855 Z" fill="#B9C9BE"/></svg>
CSS background-image
.blob-ribbon {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/as0PiwpY0AzM/amnt.svg");
  background-size: contain;
}
React
import BlobRibbonSvg from "./blob-ribbon.jsx"; // from the React tab above

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

Tags

blobribbonstripbackgroundblobsflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Blob Ribbon: A thick, winding blob strip crosses the bottom third, entering and leaving through opposite edges. 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