grid.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100">
	<defs>
		<style>
			svg {
				background:#0175A7;
				}
			.square {
				stroke:#99C8DC;
				stroke-width:1;
				}
			.stroke {
				stroke:#3491B9;
				opacity: 0.8;
				fill: none;
				}
		</style>
		<pattern id="small-grid" patternUnits="userSpaceOnUse" x="0" y="0" width="20" height="20" viewBox="0 0 20 20">
			<rect x="-0.5" y="-0.5" width="20" height="20" class="stroke"/>
		</pattern>
		<pattern id="big-grid" patternUnits="userSpaceOnUse" x="0" y="0" width="100" height="100" viewBox="0 0 100 100">
			<rect x="-0.5" y="-0.5" width="100" height="100" class="square" fill="url(#small-grid)"/>
		</pattern>
	</defs>
	<rect x="-0.5" y="-0.5" width="100" height="100" fill="url(#big-grid)"/>
</svg>