Water Waves SVG background, flat

Free

Preview on the whole page

Two broad blue waves run along the bottom of a pale blue canvas. Use it behind a weather app forecast or on a swimming lesson flyer.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

water waves blue background flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6SJisxQ_FQXR/amnt.svg" alt="Water 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="#EAF7FA"/><path d="M0 710 C260 660 490 665 750 712 S1260 765 1600 700 L1600 900 L0 900 Z" fill="#A9DCEB"/><path d="M0 795 C270 745 480 750 730 800 S1250 855 1600 785 L1600 900 L0 900 Z" fill="#72BED6"/></svg>

CSS background-image

.water-waves {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6SJisxQ_FQXR/amnt.svg");
  background-size: contain;
}

React

import WaterWavesSvg from "./water-waves.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Water Waves: Pale blue canvas with two broad, gently undulating blue shapes along the bottom edge. 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