SVG Pattern Generator

Radial Spokes

Spokes from a common centre, their reach shaped by a rose curve.

144 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

  • Radial SpokesRADIAL
    Portrait — inset plate
  • Radial SpokesRADIAL
    Portrait — full bleed
  • RadialSpokesRADIAL
    Landscape — split
  • Radial SpokesRADIAL
    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

Lines run outward from a single centre at evenly spaced angles, and the only thing that changes between them is where each one stops. The outer end rides a rose curve — cos(kθ) — so the petal count is an integer you set directly and the depth control decides how far the rim dips between petals. Set the petals to zero and the reach is constant, which gives a plain annulus; the moire that appears at high spoke counts is not drawn, it is the interference between the spoke spacing and the pixel grid.

Related patterns