Beta

Wave Divider SVG background, flat

Free
Wave Divider SVG background, flat

One smooth blue wave separates the lower third of a cream canvas. Use it between sections of a website or at the bottom of a newsletter.

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

wavedividersectionwebsitewavesbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/sanPQp9mi17k/amnt.svg" alt="Wave Divider" 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="#FFF8EC"/><path d="M0 610 C300 560 520 570 800 620 S1300 690 1600 625 L1600 900 L0 900 Z" fill="#78BBD4"/></svg>
CSS background-image
.wave-divider {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/sanPQp9mi17k/amnt.svg");
  background-size: contain;
}
React
import WaveDividerSvg from "./wave-divider.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Wave Divider: Cream canvas split across the lower third by one smooth blue wave boundary. as part of the pack Wave Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Wave 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