Menu

Beta
Sign in
Beta
Soft Waves SVG background, flat

Soft Waves SVG background, flat

Broad wave bands frame the top and bottom while leaving the center clear. Use this background on a presentation title slide or an event invitation.

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/H6w8IQutSfgB/amnt.svg" alt="Soft Waves" 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 0H1600V115C1370 155 1170 55 925 100C650 150 380 95 0 165Z" fill="#DCEBE8"/><path d="M0 0H1600V65C1320 110 1110 30 850 65C530 110 290 55 0 105Z" fill="#C5DEDA"/><path d="M0 730C260 675 445 755 710 720C1010 680 1270 730 1600 665V900H0Z" fill="#E4EEE9"/><path d="M0 790C280 735 490 830 770 775C1060 720 1330 795 1600 735V900H0Z" fill="#C5DEDA"/><path d="M0 845C255 805 470 875 745 835C1040 790 1300 865 1600 810V900H0Z" fill="#A9CEC8"/></svg>
CSS background-image
.soft-waves {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/H6w8IQutSfgB/amnt.svg");
  background-size: contain;
}
React
import SoftWavesSvg from "./soft-waves.jsx"; // from the React tab above

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

Tags

wavesabstractbackgroundlayeredflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Soft Waves: Layer broad horizontal wave bands along the lower and upper edges, leaving the center open. 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