SVG viewBox

<svg xmlns="http://www.w3.org/2000/svg"
width="200" height="200"
viewBox="0 0 200 200"
preserveAspectRatio="xMaxYMax meet"
style="background-color: red;" >
<rect x="5" y="5" width="90" height="90"
rx="10" ry="10" fill="white" stroke="blue"
stroke-width="2" stroke-dasharray="1,1,1,1" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg"
width="200" height="200"
viewBox="0 0 100 100"
preserveAspectRatio="xMaxYMax meet"
style="background-color: red;" >
<rect x="5" y="5" width="90" height="90"
rx="10" ry="10" fill="white" stroke="blue"
stroke-width="2" stroke-dasharray="1,1,1,1" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg"
width="200" height="200"
viewBox="0 0 50 50"
preserveAspectRatio="xMaxYMax meet"
style="background-color: red;" >
<rect x="5" y="5" width="90" height="90"
rx="10" ry="10" fill="white" stroke="blue"
stroke-width="2" stroke-dasharray="1,1,1,1" />
</svg>
Notice that all changes are only done in viewbox size only
viewBox="0 0 200 200"
viewBox="0 0 100 100"
viewBox="0 0 50 50"