Menu

Beta
Sign in
Ocean Waves SVG background, flat

Ocean Waves SVG background, flat

Curved blue wave bands fill the lower third, leaving pale sky above them. The design suits a coastal cleanup poster or a swimming lesson schedule.

Free · from Seasonal Backgrounds, Flat

Similar SVGs

More from Seasonal Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/rvNpBlJio8mb/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="#EDF8FA"/><path d="M0 615 C260 565 450 570 680 620 S1130 690 1600 600 V900 H0Z" fill="#B8E5EB"/><path d="M0 680 C270 620 490 640 720 690 S1190 750 1600 660 V900 H0Z" fill="#80CADB"/><path d="M0 755 C260 690 500 710 760 760 S1240 815 1600 720 V900 H0Z" fill="#4FA9CB"/><path d="M0 825 C310 760 540 795 800 830 S1280 875 1600 790 V900 H0Z" fill="#267FAE"/></svg>
CSS background-image
.ocean-waves {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/rvNpBlJio8mb/amnt.svg");
  background-size: contain;
}
React
import OceanWavesSvg from "./ocean-waves.jsx"; // from the React tab above

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

Tags

oceanwavesseawaterseasonalbackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Ocean Waves: Wide curved blue wave bands roll across the lower third beneath an open pale sky. as part of the pack Seasonal 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