title: How to use SVG with grunt and jade
body: <p>I am using svg files for my projects and I like to have them 'in-line' in the html so that I can use css/js to fiddle with them.</p>
  
  <p>I have 2 problems with this approach:</p>
  
  <ul>
  <li>I am using jade templating engine so I have to convert the xml to jade before adding them</li>
  <li>it really messes up my jade file adding a lot of xml code</li>
  </ul>
  
  <p>So far the way I load my svg icons is the following: I put them in an <code>assets</code> folder and load them in jade like this:</p>
  
  <pre><code>          div
              img(src='/assets/svg/my_icon.svg')
  </code></pre>
  
  <p>But here, I cannot use js/css to style them.</p>
  
  <p>Is there any way, using Grunt for example, to look up in my assets folder, grab the xml and populate my html code with it?</p>