title: Angular Material SVG icon - path issue
body: <p>Maybe it's silly, but I've been a long time lost with this and I would need some help.</p>
  
  <p>I have custom SVG icons that work well in the development environment. They are declared like this:</p>
  
  <pre><code>this.matIconRegistry.addSvgIcon(
    "icon1",
    this.domSanitizer.bypassSecurityTrustResourceUrl("../assets/images/icon1.svg")
  );
  this.matIconRegistry.addSvgIcon(
    "icon2",
    this.domSanitizer.bypassSecurityTrustResourceUrl("../assets/images/icon2.svg")
  );
  </code></pre>
  
  <p>When I publish the application in production with <strong>ng build --prod</strong> the icons do not work. In the log you see the following:</p>
  
  <p><em>GET <a href="https://www.example.kkk/assets/images/icon1.svg" rel="nofollow noreferrer">https://www.example.kkk/assets/images/icon1.svg</a> 404 (Not Found)
  main.b88c0c542471bd40dec4.js:1 Error retrieving icon: Http failure response for <a href="https://www.example.kkk/assets/images/icon1.svg" rel="nofollow noreferrer">https://www.example.kkk/assets/images/icon1.svg</a></em></p>
  
  <p>In the development environment the application runs at <a href="http://localhost:4200" rel="nofollow noreferrer">http://localhost:4200</a> and in production runs at <a href="https://www.example.kkk/app" rel="nofollow noreferrer">https://www.example.kkk/app</a>. Either way, <strong>app</strong> disappears from the url.</p>
  
  <p>I've tried with</p>
  
  <pre><code>this.matIconRegistry.addSvgIcon(
    "icon1",
    this.domSanitizer.bypassSecurityTrustResourceUrl("/assets/images/icon1.svg")
  );
  </code></pre>
  
  <p>but it does not work either.</p>
  
  <p>My configuration is the following:
  <em>Angular CLI: 6.0.3
  Node: 8.9.2
  OS: win32 x64
  Angular: 6.0.2</em></p>
  
  <p>Any clue that helps solve it? Thanks!</p>