Beta

Ocean Waves SVG background, flat

Free
Ocean Waves SVG background, flat

Overlapping wave shapes fill the lower frame beneath an open sky. The scene provides space for text on swimming lesson slides or a coastal conservation poster.

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

oceanwavesseawaterillustrationbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/RWncQTA79v44/amnt.svg" alt="Ocean 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="#EAF2F0"/><path d="M0 565 C260 510 420 535 660 570 S1120 620 1600 535 V900 H0Z" fill="#B9D8D7"/><path d="M0 650 C250 590 435 605 675 655 S1125 710 1600 615 V900 H0Z" fill="#8EBDBF"/><path d="M0 725 C280 660 470 690 705 745 S1160 790 1600 690 V900 H0Z" fill="#609CA5"/><path d="M0 805 C240 745 475 770 730 825 S1220 860 1600 775 V900 H0Z" fill="#397985"/><path d="M0 875 C285 815 510 845 755 885 S1230 915 1600 845 V900 H0Z" fill="#285F70"/></svg>
CSS background-image
.ocean-waves {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/RWncQTA79v44/amnt.svg");
  background-size: contain;
}
React
import OceanWavesSvg from "./ocean-waves.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Ocean Waves: Wide, overlapping wave shapes roll across the lower frame beneath an open sky. as part of the pack Illustrated Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

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