Waves SVG pattern, flat

Free
Waves SVG pattern, flat

Parallel rows of rolling wave crests are offset to suggest moving water. Use this pattern on a beach trip flyer or a swim lesson folder.

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

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2GWIeBNB2vQC/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="#123C56"/><defs><path id="wave" d="M-75 0 C-62.5 0-62.5-17-50-17 S-37.5 0-25 0 S-12.5-17 0-17 S12.5 0 25 0 S37.5-17 50-17 S62.5 0 75 0 S87.5-17 100-17 S112.5 0 125 0 S137.5-17 150-17 S162.5 0 175 0 S187.5-17 200-17 S212.5 0 225 0 S237.5-17 250-17 S262.5 0 275 0" fill="none"/></defs><g stroke="#83D4D5" stroke-width="4" stroke-linecap="round"><use href="#wave" transform="translate(0 39)"/><use href="#wave" transform="translate(25 89)"/><use href="#wave" transform="translate(0 139)"/><use href="#wave" transform="translate(25 189)"/></g><g stroke="#D6F0DF" stroke-width="2" stroke-linecap="round" opacity=".9"><use href="#wave" transform="translate(0 48)"/><use href="#wave" transform="translate(25 98)"/><use href="#wave" transform="translate(0 148)"/><use href="#wave" transform="translate(25 198)"/></g></svg>
CSS background-image
.waves {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2GWIeBNB2vQC/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: Parallel rows of rolling wave crests, offset between rows. as part of the pack Hand-Drawn Patterns, Flat. Want one like it? Make your own in the SVG studio.

Rest of Hand-Drawn Patterns, Flat

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