Menu

Beta
Sign in
Beta
Layered Shapes SVG background, flat

Layered Shapes SVG background, flat

Circles and rounded rectangles overlap near the sides in distinct flat fills. The layered edges leave room for copy on a landing page header or a postcard.

Free · from Abstract Backgrounds, Flat

Similar SVGs

More from Abstract Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Yf_as-uJcYpy/amnt.svg" alt="Layered Shapes" 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="#F7F7F2"/><path d="M0 0H1600V110C1360 145 1150 65 920 105C640 150 365 95 0 160Z" fill="#E4EEE9"/><path d="M0 0H1600V55C1340 95 1115 30 860 65C555 105 280 50 0 100Z" fill="#C5DEDA"/><path d="M0 745C275 690 465 770 735 725C1030 680 1280 750 1600 685V900H0Z" fill="#E4EEE9"/><path d="M0 810C270 755 495 840 770 790C1060 740 1330 810 1600 750V900H0Z" fill="#C5DEDA"/><rect x="-170" y="195" width="380" height="300" rx="150" fill="#DCEBE8"/><circle cx="100" cy="400" r="145" fill="#A9CEC8"/><rect x="-95" y="435" width="300" height="235" rx="118" fill="#C5DEDA"/><rect x="1390" y="175" width="360" height="310" rx="155" fill="#DCEBE8"/><circle cx="1490" cy="390" r="150" fill="#A9CEC8"/><rect x="1440" y="430" width="320" height="245" rx="122" fill="#C5DEDA"/><path d="M0 855C260 815 475 880 745 845C1045 800 1305 870 1600 820V900H0Z" fill="#A9CEC8"/></svg>
CSS background-image
.layered-shapes {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Yf_as-uJcYpy/amnt.svg");
  background-size: contain;
}
React
import LayeredShapesSvg from "./layered-shapes.jsx"; // from the React tab above

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

Tags

overlappinglayersshapesbackgroundabstractflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Layered Shapes: Overlap translucent-looking solid circles and rounded rectangles near the sides using distinct flat fills. as part of the pack Abstract 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