Zebra Print Pattern

Make a zebra-style print from smooth, wavy stripes that bend together and never cross or touch. Set the stripe width and spacing, how wavy the stripes are, how many forks there are (a stripe that splits in two and joins again), and the direction; the same seed always gives the same pattern. Every stripe edge is one line of a single smooth wave field that repeats exactly, so the tile has no seam, and the page reports how much of the pattern is dark (the share is worked out from the drawn shapes). Download a seamless SVG tile, a background PNG for a phone, desktop, tablet or square post, a 300 DPI PNG or a PDF at full size. Nothing is uploaded.

100% private — everything runs in your browser. Everything runs in your browser; nothing is uploaded.

100% private — runs in your browser

Page 1 is the pattern at full size with a 1 in test square; page 2 shows one repeat with its edge marked. The SVG tile repeats edge to edge with no seam.

Stripes

Print and screen

Runs in your browser with our own code: nothing is uploaded or saved. You may use what you make here, including commercially, with no credit needed.

How to make a zebra print pattern

  1. Choose a preset, or set the stripe width, the spacing and the number of stripes in one repeat.
  2. Set the waviness and the number of forks; change the seed for a new arrangement.
  3. Choose the direction and your two colours.
  4. Check the line under the preview: repeat size, forks and dark share.
  5. Download the SVG tile, a background PNG, or the PDF; print at 100% and check the 1 in test square.

What you can use it for

  • Phone, desktop and tablet backgrounds
  • Website and slide backgrounds (SVG tile)
  • Fabric, gift wrap and scrapbook paper
  • Party invitations, cards and packaging
  • Costume and craft templates at full size (PDF)
  • Black-and-white prints for cutting or vinyl

The 14 presets

#PresetStripes × width / spacingWavinessForksSeamless repeatDark share
1Classic black on white12 × 0.25 / 0.5 in1.236 × 6 in48.49%
2Charcoal on cream10 × 0.3 / 0.6 in1.426 × 6 in48.73%
3Bold wide stripes6 × 0.6 / 1 in1.126 × 6 in56.35%
4Fine stripes20 × 0.11 / 0.25 in1.545 × 5 in43.34%
5Gentle waves, no forks12 × 0.25 / 0.5 in0.506 × 6 in50%
6Strong waves and forks12 × 0.26 / 0.5 in2.456 × 6 in49.32%
7Stripes running across12 × 0.25 / 0.5 in1.236 × 6 in48.49%
8Black on pink12 × 0.24 / 0.5 in1.336 × 6 in46.62%
9Navy on pale blue12 × 0.24 / 0.5 in1.326 × 6 in46.91%
10Gold on black12 × 0.2 / 0.5 in1.236 × 6 in38.76%
11White on black (reversed)12 × 0.22 / 0.5 in1.236 × 6 in42.61%
12Brown on beige10 × 0.3 / 0.6 in1.626 × 6 in48.42%
13Fabric repeat in cm12 × 0.75 / 1.5 cm1.2318 × 18 cm48.49%
14Black on lime15 × 0.2 / 0.4 in1.436 × 6 in49.11%

Each preset only fills in the fields; change any setting afterwards.

Stripe width and dark share (0.5 in spacing)

Width ÷ spacingWidthDark share, gentle waves, no forksDark share, classic (waves + 3 forks)
15%0.08 in15%14.55%
30%0.15 in30%29.1%
50%0.25 in50%48.49%
70%0.35 in70%67.88%
85%0.43 in85%82.42%

Shares are worked out from the drawn shapes; forks take a little dark area away.

Background sizes (classic preset)

BackgroundPixelsArea at 96 px per inchRepeats across × down
Phone 1080 × 19201080 × 1920 px11.25 × 20 in1.88 × 3.33
Desktop 1920 × 10801920 × 1080 px20 × 11.25 in3.33 × 1.88
Large screen 2560 × 14402560 × 1440 px26.67 × 15 in4.44 × 2.5
Square post 1080 × 10801080 × 1080 px11.25 × 11.25 in1.88 × 1.88
Tablet 2048 × 27322048 × 2732 px21.33 × 28.46 in3.56 × 4.74

Which tool to use

You wantUse
Wavy zebra-style stripes that never crossZebra Print Pattern (this page)
Straight stripes at any angleStripe Pattern
Blob camouflage layersCamo Pattern Generator
Zigzag stripesChevron Pattern Generator
Tapered tiger-style stripesTiger Print Pattern

Also handy: the Camo Pattern Generator, the Chevron Pattern Generator and the Phone Wallpaper Maker.

More free tools

More pattern and print tools?

Pattern makers and print tools that run privately in your browser, with no sign-up and no watermark.

See all free tools →

Frequently asked questions

Will the stripes ever cross or touch?

No. Each stripe edge is a level line of one smooth wave field, set up so the field always rises in one direction (in the classic preset it rises at least 54.28% as fast as an unbent stripe would). So every edge is a single curve, and two different edges can never meet. Our tests check this on every preset and many seeds.

Will the tile repeat without a seam?

Yes. The wave field repeats exactly after one repeat in both directions, so the stripe edges at one side of the tile continue at the other. Our tests compare the edges at both ends of every path and compare 3 × 3 copies of the tile with the pattern drawn once, by pixels.

What is a fork here?

A light slit inside one dark stripe: at one end the stripe splits in two around the slit, and at the other end the two parts join again. Slits stay inside their stripe and never overlap another slit (tested). Set the number per repeat from 0 to 8.

What does the dark share mean?

The part of the pattern covered by the stripes, worked out from the drawn shapes (stripes minus fork slits). The classic preset is 48.49% dark. Our tests check it against a count of dark pixels in the tile.

How do stripe width and spacing work?

The spacing is the distance from one stripe to the next where the stripes run straight; the width is the dark part of that. Stripes get thinner and wider as they bend, but the share stays close to width ÷ spacing (see the table).

What size are the background PNGs?

Phone 1080 × 1920, desktop 1920 × 1080, large screen 2560 × 1440, tablet 2048 × 2732 and square 1080 × 1080 pixels, drawn at 96 pixels per inch of the sizes you set.

How is this different from the stripe pattern and camo pages?

The stripe pattern maker draws straight, evenly spaced stripes at any angle, and the camo generator stacks blob shapes in layers. This page draws wavy zebra-style stripes that bend together, fork and never cross.

Is it free?

Yes. There is no sign-up, no watermark and no limit.

Is anything uploaded?

No. Everything is drawn by JavaScript in your browser and nothing is sent anywhere.