Free stripes SVG patterns
Browse free stripes SVG patterns for page backgrounds, packaging mockups, posters and invitations. Stripe patterns work well behind headings, in sidebars and as fills for simple shapes. Each pattern is a seamless tile, so it repeats without a visible seam.
You can recolour a pattern or the whole grid on this page. You can also change the stroke width, size, opacity and rotation before you export. Copy the SVG code or CSS as a background-image or mask-image data URI. You can also export a PNG, WebP, JPG, React component or data URI. If you need a stripe pattern that is not here, you can make one in the SVG studio.
Packs
Sets drawn in one style.
Diagonal Stripes
Vertical Stripes
Horizontal Stripes
Pinstripes
Wide Stripes
Narrow Stripes
Alternating Stripes
Uneven Stripes
Crossed Stripes
Zigzag Stripes
Wavy Stripes
Curved Stripes
Dashed Stripes
Dotted Stripes
Double Stripes
- Pro
Triple Stripes
- Pro
Chevron Stripes
- Pro
Radiating Stripes
- Pro
Concentric Stripes
- Pro
Angled Bands
- Pro
Offset Stripes
- Pro
Tapered Stripes
- Pro
Broken Stripes
- Pro
Overlapping Stripes
Not what you need?
Describe it: the SVG studio opens with this style filled in.
More patterns
Questions
- Will a stripes pattern repeat without a visible edge?
- Yes. Patterns are seamless tiles that repeat with no visible seam.
- Can I change the colour before downloading?
- Yes. You can recolour a pattern or the whole grid, and adjust stroke width, size, opacity and rotation.
- Can I use a free stripes pattern for a client project?
- A free account covers personal projects. Pro and Max accounts get a commercial licence for what they download; that licence stays in place, and no credit line is needed.