Menu

Beta
Sign in
Beta
Waves SVG pattern, flat

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.

Free · from Organic Patterns, Flat

Similar SVGs

More from Organic Patterns, Flat

Whole pack

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} />

Tags

waveswateroceanfloworganicpatternflat

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.

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