Share
20 ready-to-tile SVG patterns for backgrounds.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <rect width="24" height="24" fill="#0f172a"/> <g opacity="0.4"><circle cx="12" cy="12" r="2" fill="#6366f1"/></g> </svg>
Generate beautiful repeating SVG patterns for backgrounds and hero sections. Choose from dots, grid, lines, plus, diamond, zigzag, circuit, and 10+ more. Tune color, scale, opacity, and rotation. Copy as data URL or pure SVG.
Share this tool
