Menu

Beta
Sign in
Shoreline Waves SVG background, flat

Shoreline Waves SVG background, flat

Irregular aqua curves wash in from the right side of a warm sand canvas. Set it behind a beach cleanup notice or on a coastal trail map.

Free · from Wave Backgrounds, Flat

Similar SVGs

More from Wave Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/O6rsieB-1yaP/amnt.svg" alt="Shoreline 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="#F5E9D2"/><path d="M1600 0H1380C1345 85 1395 155 1350 240C1305 325 1350 405 1295 490C1250 565 1300 655 1240 740C1210 790 1235 850 1200 900H1600Z" fill="#D5EDEA"/><path d="M1600 0H1460C1410 100 1480 170 1415 275C1370 350 1425 430 1365 515C1320 590 1385 670 1320 765C1290 815 1320 865 1290 900H1600Z" fill="#A9DCD9"/><path d="M1600 0H1535C1490 105 1550 195 1490 300C1450 380 1510 455 1450 550C1400 630 1470 705 1415 795C1390 840 1410 875 1395 900H1600Z" fill="#77C8CB"/></svg>
CSS background-image
.shoreline-waves {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/O6rsieB-1yaP/amnt.svg");
  background-size: contain;
}
React
import ShorelineWavesSvg from "./shoreline-waves.jsx"; // from the React tab above

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

Tags

shorelinecoastbeachwaterwavesbackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Shoreline Waves: Warm sand canvas with irregular aqua shoreline curves washing in from the right edge. as part of the pack Wave 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