Вот тебе две картинки с разным размером холста но выглядещие совершенно одинаково
Секрет в том что viewBox соответствует размеру холста SVG
<svg width="400px" height="100px" viewBox="0 0 400 100">
<g id="square">
<rect x="10" y="10" width="30" height="30" style="fill: none; stroke: black;"/>
</g>
</svg>
</br>
<svg width="200px" height="100px" viewBox="0 0 200 100">
<g id="square">
<rect x="10" y="10" width="30" height="30" style="fill: none; stroke: black;"/>
</g>
</svg>