สร้างลาย SVG ซ้ำด้วยประเภท สี ขนาด และระยะห่างที่ปรับได้ คัดลอกโค้ด SVG หรือ CSS
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"> <rect width="20" height="20" fill="#ffffff"/> <circle cx="10" cy="10" r="2" fill="#9ca3af"/> </svg>
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%3E%0A%20%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%20fill%3D%22%239ca3af%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: repeat;