Beta

Beach SVG background, flat

Free
Beach SVG background, flat

A diagonal shoreline divides broad areas of sand and sea, with a thin line of foam between them. Try it on a beach cleanup flyer or a summer reading list.

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

beachshoresandseagradientbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/QoCa0ujRxGqL/amnt.svg" alt="Beach" 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="#E9D8B6"/><path d="M0 0H1600V375C1320 432 1100 488 850 548C570 615 285 679 0 755Z" fill="#78B9C4"/><path d="M0 0H1600V315C1325 370 1090 430 835 490C545 558 265 620 0 690Z" fill="#91CAD0"/><path d="M0 704C275 632 555 570 844 501C1105 440 1335 384 1600 329V347C1330 404 1103 458 848 519C555 589 280 651 0 724Z" fill="#EAF4E9"/><path d="M0 724C280 651 555 589 848 519C1103 458 1330 404 1600 347V365C1335 422 1110 477 854 538C560 608 280 672 0 746Z" fill="#F7E9D2"/></svg>
CSS background-image
.beach {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/QoCa0ujRxGqL/amnt.svg");
  background-size: contain;
}
React
import BeachSvg from "./beach.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Beach: A diagonal shoreline separates broad sand and sea areas, with thin foam along the edge. as part of the pack Flat Nature Backgrounds. Want one like it? Make your own in the SVG studio.

Rest of Flat Nature Backgrounds

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