title: Inline SVG doesn't scale
body: <p>I'm trying to animate some vector graphics. Therefore I need to use svg inline or use something like <a href="https://github.com/jonathantneal/svg4everybody" rel="nofollow">https://github.com/jonathantneal/svg4everybody</a> for external embedding in IE. So my HTML looks like this currently:</p>
  
  <pre><code>&lt;svg xmlns="http://www.w3.org/2000/svg" style="display: none;"&gt;
    &lt;symbol id="chart" viewBox="0 0 1042 1024"&gt;&lt;!-- SVG CODE --&gt;&lt;/symbol&gt;
  &lt;/svg&gt;
  
  &lt;svg role="img" class="icon" width="200" height="200"&gt;
    &lt;use xlink:href="#chart"&gt;&lt;/use&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p><a href="http://codepen.io/anon/pen/LEWjvX" rel="nofollow">http://codepen.io/anon/pen/LEWjvX</a></p>
  
  <p>But as you might see the SVG is pretty small, although I used <code>width</code> both in the HTML and CSS (not sure if I need both?). It just doesn't scale. According to many articles I read about this problem (like this one <a href="http://css-tricks.com/svg-symbol-good-choice-icons/" rel="nofollow">http://css-tricks.com/svg-symbol-good-choice-icons/</a> or <a href="http://css-tricks.com/scale-svg/" rel="nofollow">http://css-tricks.com/scale-svg/</a>) it should work that way. What am I doing wrong?</p>
  
  <p><em>FYI: I used icomoon to create the SVG sprite and Illustrator to create the SVGs. To animate the SVG I gave most of the paths a class name, if that makes any difference.</em></p>