title: Inline SVG from a file with SASS
body: <p>I have a file called test.svg, it's located in the same folder as the sass-file.</p>
  
  <p>I want to use it as my list-style-image, like this:</p>
  
  <pre><code>list-style-image: url("data:image/svg+xml;&lt;svg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9'&gt;&lt;text x='0' y='8'&gt;x&lt;/text&gt;&lt;/svg&gt;")
  </code></pre>
  
  <p>But this doesn't render in the browser because of the equal-sigtn etc. I want to include the image from the external file. I have tried:</p>
  
  <pre><code>list-style-image: url("data:image/svg+xml;@import test.svg")
  list-style-image: url("data:image/svg+xml;import(test.svg)")
  list-style-image: url("data:image/svg+xml;inline-image(test.svg)")
  list-style-image: url("data:image/svg+xml;image-uri(test.svg)")
  </code></pre>
  
  <p>How can this be done? (I'm compiling with Koala)</p>