Pulsar Tools
Patterns
Dots, grids, lines, crosses, waves and hexagons that tile seamlessly. Copy the CSS and it repeats at any size.
Pattern
24px tile
1px
Straight
background-color: #fafbfc;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20role%3D%22img%22%3E%3Ctitle%3EPattern%20tile%3C%2Ftitle%3E%3Cdefs%3E%3Cpattern%20id%3D%22p%22%20width%3D%2224%22%20height%3D%2224%22%20patternUnits%3D%22userSpaceOnUse%22%20patternTransform%3D%22rotate(0)%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20fill%3D%22%23cbb8fe%22%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fafbfc%22…800 × 800, 0.4 KB as SVG.