-
Well, the respective dimensions that are declared in the standard .svg file don't really matter when they are overwritten by CSS. You can control the size however you want via CSS, no matter what values are set inside the SVG file.
For example:
svg { width: 32px; height: 32px; }
This will force any SVG element to display at 32x32px, regardless of its internal
width
andheight
attributes.The only thing that really matters inside the SVG is the
viewBox
, because it defines how the content inside scales and keeps its aspect ratio when you resize it with CSS. As long as theviewBox
is set properly, you can style the size however you like from outside.Also, if the SVG is inline, it’s a good idea to double-check for any other CSS that might affect its size, like
max-width
,max-height
, orfont-size
if it’s inside a button or toolbar.-
Please, I know what I am trying to achieve when I asked that specific question to @LeonidS
-