Here are two images. The first is in .png format. Is it scalable? What happens when you zoom in using the browser cntl-+ key? What happens if you change the viewport width?
Now let us do the same with the .svg image. Does it scale? At one point, zooming in with the browser left .svg images unchanged, while the .png image became bigger (but blurrier).
How does that one work out? Be sure to try with different browsers: chrome, firefox, opera, midori, etc.
Here is another version, now of newreno.svg which suffered from clipping but with a manually adjusted bounding box:
How does this one work out? How big is the bottom margin? I wish I could find the bounding white-box and use that for the bounding box.