<p>I was stuck with some annoying white space in my SVG logo and tried adjusting the <code>ViewBox</code> attribute value, after a bit of playing around with it, I was able to fix the white space.</p>
<p>I understand that ViewBox is kind of a box where the inner SVG content is placed but what is the system behind it that decides how the inner SVG content is going to look?</p>


I was stuck with some annoying white space in my SVG logo and tried adjusting the `ViewBox` attribute value, after a bit of playing around with it, I was able to fix the white space.

I understand that ViewBox is kind of a box where the inner SVG content is placed but what is the system behind it that decides how the inner SVG content is going to look?

How does SVG ViewBox work?

Product

Explore

Company

Blogs

Support