Beta

Beach SVG background, flat

Free
Beach SVG background, flat

A curved sandy shore, gentle water, and distant palms leave the center open. Try it on a beach cleanup notice or a summer party invitation.

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

beachsandshorepalm treesillustrationbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/mysv2m4Edfog/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="#E8F2EE"/><path d="M0 515 Q800 505 1600 515 V900 H0Z" fill="#A8D5D2"/><path d="M0 620 Q400 614 800 622 T1600 618 V900 H0Z" fill="#80BDB9"/><path d="M0 705 Q380 785 800 805 Q1220 785 1600 705 V900 H0Z" fill="#DCC99F"/><path d="M0 725 Q390 805 800 825 Q1210 805 1600 725 V900 H0Z" fill="#F1DFB8"/><path d="M0 550 Q360 543 670 550 M930 550 Q1250 543 1600 550" fill="none" stroke="#E8F2EE" stroke-width="5" opacity=".7"/><path d="M0 579 Q270 573 510 580 M1090 580 Q1350 573 1600 579" fill="none" stroke="#E8F2EE" stroke-width="4" opacity=".6"/><g fill="#527D72"><path d="M0 475 Q54 437 94 396 Q126 360 145 330 L151 333 Q127 388 101 411 Q60 455 0 493Z"/><path d="M146 333 Q91 312 45 337 Q93 335 137 347 Q92 342 54 373 Q107 357 146 340Z"/><path d="M146 333 Q167 280 225 272 Q181 295 153 342 Q193 306 249 315 Q190 319 151 345Z"/><path d="M146 333 Q109 276 57 265 Q111 293 142 342 Q125 290 135 247 Q147 287 151 338Z"/><path d="M1600 460 Q1540 427 1510 388 Q1480 349 1462 317 L1456 321 Q1471 373 1501 406 Q1540 449 1600 478Z"/><path d="M1459 321 Q1511 298 1559 324 Q1510 326 1465 335 Q1512 332 1551 360 Q1495 346 1459 329Z"/><path d="M1459 321 Q1437 270 1381 262 Q1424 285 1453 331 Q1411 296 1357 304 Q1417 309 1455 334Z"/><path d="M1459 321 Q1494 265 1547 253 Q1494 282 1463 330 Q1478 279 1468 237 Q1456 277 1454 326Z"/></g></svg>
CSS background-image
.beach {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/mysv2m4Edfog/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 sandy shore curves along the bottom, with gentle water and distant palms at the sides. as part of the pack Illustrated Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Illustrated 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