svg_pattern_grid – Drawing a 10x10 grid by 100x100 outline https://codescreens.com

svg_pattern_grid.svg

<svg xmlns="http://www.w3.org/2000/svg">
<!-- Drawing a 10x10 grid by 100x100 outline -->
<!-- https://codepen.io/vbarbarosh/pen/oRJRey -->
<!-- <img src="svg_pattern_grid.svg" width="401" height="401"> -->
<defs>
    <!-- http://stackoverflow.com/a/14209704 -->
    <pattern id="subgrid" width="10" height="10" patternUnits="userSpaceOnUse">
        <path d="M 10 0 L 0 0 0 10" fill="none" stroke="gray"
            stroke-width="0.5" />
    </pattern>
    <pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse">
        <path d="M 100 0 L 0 0 0 100" fill="none" stroke="gray"
            stroke-width="1" />
        <rect width="100" height="100" fill="url(#subgrid)" />
    </pattern>
</defs>
<rect width="100%" height="100%" fill="url(#grid)" />
</svg>