Beta

Zigzag Stripes SVG pattern, flat

Free
Zigzag Stripes SVG pattern, flat

Parallel sawtooth lines turn sharply up and down in a repeating pattern. They suit wrapping paper and worksheet headings.

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

zigzagstripesangularrepeatpatternflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/y1fmyehD3GFP/amnt.svg" alt="Zigzag 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 25 20 50 0 75 20 100 0 125 20 150 0 175 20 200 0
           M0 40 25 60 50 40 75 60 100 40 125 60 150 40 175 60 200 40
           M0 80 25 100 50 80 75 100 100 80 125 100 150 80 175 100 200 80
           M0 120 25 140 50 120 75 140 100 120 125 140 150 120 175 140 200 120
           M0 160 25 180 50 160 75 180 100 160 125 180 150 160 175 180 200 160
           M0 200 25 220 50 200 75 220 100 200 125 220 150 200 175 220 200 200" fill="none" stroke="#287c83" stroke-width="9" stroke-linejoin="miter"/></svg>
CSS background-image
.zigzag-stripes {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/y1fmyehD3GFP/amnt.svg");
  background-size: 200px 200px;
}
React
import ZigzagStripesSvg from "./zigzag-stripes.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Zigzag Stripes: Parallel sawtooth lines make sharp, repeating up-and-down turns. 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