title: TailwindCSS: SVG icon won't resize properly
body: <p>I have been trying to resize the icon in this example.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/0.7.2/tailwind.min.css" rel="stylesheet"/&gt;
  &lt;div class="bg-indigo-dark"&gt;
    &lt;div class="flex text-grey-lighter"&gt;
      &lt;svg class="flex-no-shrink fill-current" fill="none" xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 100 100" width="100px" height="100px"&gt;
        &lt;path d="M5 5a5 5 0 0 1 10 0v2A5 5 0 0 1 5 7V5zM0 16.68A19.9 19.9 0 0 1 10 14c3.64 0 7.06.97 10 2.68V20H0v-3.32z"/&gt;
      &lt;/svg&gt;
      &lt;div class="leading-normal"&gt;
        Some demo text
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But, whatever I try I can't get the svg to resize. What am I doing wrong?</p>