YOU’LL PROBABLY WANT to exert some sizing control over any graphic you put on a website. Hey! You! Logo! You should be this size:
<img src="logo.png" class="logo" />
And so shall it be.
But if the element you are resizing happens to be
svg, the result might not be exactly what you expect. Sizing
svg is a little more complicated than sizing an
img. I’m not saying this to scare you. It’s almost complicated in a good way, because it gives you more control and opens up some interesting possibilities.
Keep these two concepts in mind when you’re working with the size of SVG images: