Beta

Layered Ocean Waves SVG background, flat

Free
Layered Ocean Waves SVG background, flat

Three wide blue wave layers rise from the bottom of a light blue canvas. Add it to a marine biology worksheet or a coastal travel presentation.

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

oceanlayerswaveswaterbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/sbrcNSm_xdlw/amnt.svg" alt="Layered 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="#E8F6FB"/><path d="M0 660 C260 610 470 625 720 675 S1250 725 1600 650 L1600 900 L0 900 Z" fill="#A8D8EB"/><path d="M0 735 C250 690 490 700 760 750 S1270 790 1600 720 L1600 900 L0 900 Z" fill="#65B5D5"/><path d="M0 815 C270 765 500 780 770 825 S1260 865 1600 795 L1600 900 L0 900 Z" fill="#287FAE"/></svg>
CSS background-image
.layered-ocean-waves {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/sbrcNSm_xdlw/amnt.svg");
  background-size: contain;
}
React
import LayeredOceanWavesSvg from "./layered-ocean-waves.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Layered Ocean Waves: Light blue canvas with three wide ocean-blue wave layers rising from 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