title: Module not found on SVG files in react
body: <p>I have this line of html in my react that keeps giving me this error </p>
  
  <blockquote>
    <p>GET <a href="http://localhost:3000/icons.svg" rel="nofollow noreferrer">http://localhost:3000/icons.svg</a> 404 (Not Found)</p>
  </blockquote>
  
  <pre><code>&lt;svg className="olymp-menu-icon"&gt;
      &lt;use xlinkHref="./icons.svg#olymp-menu-icon" /&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>And my directory is setup as follows</p>
  
  <ol>
  <li><p>HTML Pages (Main directory) </p>
  
  <ul>
  <li><p>Login.js    (Currently working on this component)</p></li>
  <li><p>icons.svg (Inside same directory as Login.js)</p></li>
  </ul></li>
  </ol>
  
  <p>And here is a snippet from my icons.svg</p>
  
  <pre><code>&lt;symbol id="olymp-menu-icon" viewBox="0 0 41 32"&gt;
  &lt;title&gt;menu-icon&lt;/title&gt;
  &lt;path d="M4.571 0h-4.571v4.571h4.571v-4.571zM9.143 0v4.571h32v-4.571h-32zM13.714 13.714h-13.714v4.571h13.714v-4.571zM18.286 13.714v4.571h4.571v-4.571h-4.571zM27.429 18.286h13.714v-4.571h-13.714v4.571zM0 32h32v-4.569h-32v4.569zM36.571 32h4.571v-4.569h-4.571v4.569z"&gt;&lt;/path&gt;
  &lt;/symbol&gt;
  </code></pre>