مولّد أنماط SVG

<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;