Menu

Beta
Sign in
Beta
Wave Crest SVG background, flat

Wave Crest SVG background, flat

A low, curling wave enters from the left against muted blue. Place it on a surf club notice or beside the title of an ocean-themed article.

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/s-6WlHB7Sn9t/amnt.svg" alt="Wave Crest" 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="#A9C8D5"/><path d="M0 665 C95 605 190 590 285 620 C355 642 390 692 379 731 C369 765 326 781 289 767 C315 765 333 749 331 730 C328 700 279 675 224 681 C139 689 75 753 0 794 Z" fill="#D9E9EC"/><path d="M0 728 C115 657 218 656 294 692 C331 710 345 739 326 755 C303 776 267 761 254 745 C261 773 300 799 351 789 C406 778 421 724 389 682 C337 612 199 588 79 642 L0 684 Z" fill="#6F9FB3"/><path d="M0 785 C105 715 193 700 270 718 C224 723 177 747 139 783 C95 825 55 856 0 874 Z" fill="#4E849C"/></svg>
CSS background-image
.wave-crest {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/s-6WlHB7Sn9t/amnt.svg");
  background-size: contain;
}
React
import WaveCrestSvg from "./wave-crest.jsx"; // from the React tab above

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

Tags

wavecrestwatersurfwavesbackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Wave Crest: Muted blue canvas with one low, curling wave crest entering from the left 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