SVG Pattern Generator

Stripe Field

One bar, one gap, turned to any angle.

1 shapes · 1000 × 1000 viewBox

Colour

Leaves the backdrop unpainted so the pattern drops onto any surface. Ridgeline and Iso Cube Grid still paint the colour above, because it is what hides the shapes behind them.

Presets
Shape

See it in use

  • Stripe FieldSEAMLESS · GRID
    Portrait — inset plate
  • Stripe FieldSEAMLESS · GRID
    Portrait — full bleed
  • Stripe FieldSEAMLESS · GRID
    Landscape — split
  • Stripe FieldSEAMLESS · GRID
    Landscape — band

As a website background

Infrastructure that gets out of the way

A worked example — your pattern, sitting behind real page furniture.

Start building

How it works

The smallest useful tile: a single bar occupying part of the cell, with the remainder left as the gap. Nothing crosses an edge, so it repeats without any special handling at the seam. The angle control turns the whole tiling rather than redrawing the bar on a slant — which is why a forty-five degree stripe is exactly as crisp, and exactly as seamless, as an upright one.