Beta

Waves SVG pattern, flat

Free
Waves SVG pattern, flat

Broad curved bands repeat in rows, with rounded crests suggesting moving water. Use the pattern on a beach event flyer or as the background for an ocean lesson worksheet.

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

waveswateroceanfloworganicpatternflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Y79acpNo-Jku/amnt.svg" alt="Waves" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect width="200" height="200" fill="#183A59"/><path fill="#42A6A0" d="M0 20 C25 -20 75 -20 100 20 C125 60 175 60 200 20 L200 86.667 C175 126.667 125 126.667 100 86.667 C75 46.667 25 46.667 0 86.667 Z"/><path fill="#B8DCCB" d="M0 86.667 C25 46.667 75 46.667 100 86.667 C125 126.667 175 126.667 200 86.667 L200 153.333 C175 193.333 125 193.333 100 153.333 C75 113.333 25 113.333 0 153.333 Z"/><path fill="#42A6A0" d="M0 220 C25 180 75 180 100 220 C125 260 175 260 200 220 L200 286.667 C175 326.667 125 326.667 100 286.667 C75 246.667 25 246.667 0 286.667 Z"/></svg>
CSS background-image
.waves {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Y79acpNo-Jku/amnt.svg");
  background-size: 200px 200px;
}
React
import WavesSvg from "./waves.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Waves: Repeating rows of broad curved wave bands with rounded crests. as part of the pack Organic Patterns, Flat. Want one like it? Make your own in the SVG studio.

Rest of Organic Patterns, 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