Aspect Ratio

The viewBox attribute on the <svg> will determine the aspect ratio. The first 2 values determine the point of origin within the viewbox. The second two numbers are the width & height of the viewbox (the aspect ratio). Usually the width & height of the <svg> will match that of the viewbox attribute. You can increase these to scale the svg while maintaining aspect ratio. It will maintain aspect ratio by default, so if you say width=“100%” & height=“2px”, it will only go to height=“2px” and the width will maintain aspect ratio. You can turn that off with preserveAspectRatio=“none”

#Responsive SVGs

http://thenewcode.com/744/Make-SVG-Responsive https://css-tricks.com/using-svg/