Beta

Blob Border SVG background, flat

Free
Blob Border SVG background, flat

Small connected lobes follow the frame edges while keeping the centre open. This border can surround a menu page or a printable certificate.

Sign in to download. Free SVGs are free with any account.

blobborderedgebackgroundblobsflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/RzPDycgUibkZ/amnt.svg" alt="Blob Border" 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="#F7F5EF"/><path d="M0 0H1600V900H0Z M180 177 C237 158 253 145 283 153 C310 160 321 186 349 188 C381 191 397 161 431 164 C463 167 474 197 505 195 C538 192 551 169 584 176 C617 183 621 211 654 213 C687 215 703 190 734 192 C769 194 777 219 810 220 C843 221 856 195 889 194 C922 193 935 217 968 215 C1001 213 1011 187 1045 184 C1079 181 1092 206 1124 201 C1158 196 1167 169 1201 164 C1234 159 1250 183 1280 178 C1312 173 1326 151 1360 155 C1393 159 1415 175 1435 190 C1423 219 1432 240 1455 259 C1478 278 1475 302 1455 323 C1434 345 1439 369 1461 389 C1484 410 1482 433 1461 454 C1439 475 1439 498 1460 519 C1482 541 1478 565 1456 585 C1434 605 1433 631 1453 652 C1474 674 1468 699 1443 718 C1412 741 1395 748 1364 745 C1332 742 1317 720 1285 724 C1253 728 1243 753 1210 755 C1177 757 1164 733 1131 735 C1098 737 1087 762 1054 765 C1021 768 1007 746 974 749 C941 752 931 777 898 780 C865 783 850 761 817 763 C784 765 771 790 738 790 C705 790 692 764 659 763 C626 762 613 787 580 785 C547 783 537 757 504 754 C471 751 456 775 423 772 C390 769 379 743 346 740 C313 737 299 758 267 748 C239 739 226 721 194 715 C171 690 172 670 148 652 C124 634 123 610 143 588 C163 566 158 543 135 522 C112 501 114 477 136 456 C158 435 156 411 134 391 C112 371 115 346 137 325 C159 304 155 280 134 261 C113 242 122 215 145 197 C157 188 168 181 180 177Z" fill="#C8D6CB" fill-rule="evenodd"/></svg>
CSS background-image
.blob-border {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/RzPDycgUibkZ/amnt.svg");
  background-size: contain;
}
React
import BlobBorderSvg from "./blob-border.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Blob Border: Small connected lobes trace the outer edges of the frame, leaving a broad open centre. as part of the pack Blob Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Blob Backgrounds, Flat

Whole pack

Similar SVGs

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