title: ng build --prod --base-href
body: <blockquote>
  <p>ng build --prod --base-href /gi-new --deploy-url /gi-new</p>
  </blockquote>
  <p>I deployed angular 5 app to shared IIS server on window machine</p>
  <p>I have uploaded contents of my dist folder to <code>http://192.168.10.181/gi-new</code></p>
  <p>My app runs but the icons which are in assets are not picking correct path so they do not show  on the web page.</p>
  <p>they are using <code>http://192.168.10.181/assets</code> instead of <code>/gi-new/assets</code></p>
  <p><strong>entries in
  angular-cli.json</strong></p>
  <pre><code>&quot;assets&quot;: [ {
      &quot;glob&quot;: &quot;*.svg&quot;,
      &quot;input&quot;: &quot;../node_modules/material-design-icons/sprites/svg-sprite/&quot;,
      &quot;output&quot;: &quot;assets/svg-icons&quot;
  }]
  </code></pre>
  <p><strong>entries in
  AppComponent</strong></p>
  <pre><code>constructor(iconRegistry: MatIconRegistry, sanitizer: DomSanitizer) {
      iconRegistry.addSvgIconSetInNamespace
      ( &quot;action&quot;, sanitizer.bypassSecurityTrustResourceUrl(&quot;assets/svg-icons/svg-sprite-action.svg&quot;));
  </code></pre>
  <p>How can I overcome this issue ?</p>