Beta

Wavy Stripes SVG pattern, flat

Free
Wavy Stripes SVG pattern, flat

Smooth horizontal bands rise and fall together across the tile. Place them behind a webpage section or on a greeting card.

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

wavystripeswaveshorizontalpatternflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/aFwOzdvSwrPI/amnt.svg" alt="Wavy Stripes" 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="#f6ead7"/><path d="M0 0 C25 -16 25 -16 50 0 S75 16 100 0 S125 -16 150 0 S175 16 200 0
           M0 40 C25 24 25 24 50 40 S75 56 100 40 S125 24 150 40 S175 56 200 40
           M0 80 C25 64 25 64 50 80 S75 96 100 80 S125 64 150 80 S175 96 200 80
           M0 120 C25 104 25 104 50 120 S75 136 100 120 S125 104 150 120 S175 136 200 120
           M0 160 C25 144 25 144 50 160 S75 176 100 160 S125 144 150 160 S175 176 200 160
           M0 200 C25 184 25 184 50 200 S75 216 100 200 S125 184 150 200 S175 216 200 200" fill="none" stroke="#317f86" stroke-width="16"/></svg>
CSS background-image
.wavy-stripes {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/aFwOzdvSwrPI/amnt.svg");
  background-size: 200px 200px;
}
React
import WavyStripesSvg from "./wavy-stripes.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Wavy Stripes: Parallel horizontal bands rise and fall in smooth, repeating waves. as part of the pack Stripes Patterns, Flat. Want one like it? Make your own in the SVG studio.

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