Svg Viewbox Or Height Width. Since there is a 2px margin between the paths and viewBox I recommend not having a stroke-width larger than 4px or 125. ViewBox min-x min-y width height Attribute Values.
Min-x min-y width and height. For SVG-as-an-image if the embedding element doesnt implement preserveAspectRatio and the root in the image doesnt have a viewBox then resolve the s widthheight to pixels values and use viewBox00resolvedwidthresolvedheight and preserveAspectRationone ignoring any preserveAspectRatio on the. It is used to scale the SVG element that means we can set the coordinates as well as width and height.
Make sure you use stroke-width in increments of 05px or 15625 along with size.
Auto will cancel out the dimensions and aspect ratio you set in the code and give you the default height for inline SVG. Inline SVG 64px 32px 24px SVG Symbols and the Use tag 64px 32px 24px All Styles and Weights. Style height function d this. Function resize selection selection.