Beta

Beach Waves SVG background, flat

Free
Beach Waves SVG background, flat

Shallow turquoise waves and a thin foam edge meet a sand-coloured background. It fits a beach safety poster or a seaside event invitation.

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

beachsurfsandcoastwavesbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/RGpSDVBdNsq1/amnt.svg" alt="Beach 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="#F2E5CB"/><path d="M0 755 C260 725 490 730 750 765 S1270 790 1600 750 L1600 900 L0 900 Z" fill="#9ADAD5"/><path d="M0 805 C250 775 500 780 760 815 S1290 840 1600 800 L1600 900 L0 900 Z" fill="#57BFBF"/><path d="M0 797 C250 767 500 772 760 807 S1290 832 1600 792" fill="none" stroke="#FFF9EC" stroke-width="9"/></svg>
CSS background-image
.beach-waves {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/RGpSDVBdNsq1/amnt.svg");
  background-size: contain;
}
React
import BeachWavesSvg from "./beach-waves.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Beach Waves: Sand-coloured canvas with shallow turquoise wave shapes and a thin foam edge across the bottom. 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