title: How to provide favicon.png in an Angular app instead of favicon.ico?
body: <p>I created a new Angular app with:</p>
  
  <pre><code>ng new ...
  </code></pre>
  
  <p>And I can view the application with:</p>
  
  <pre><code>ng serve --open
  </code></pre>
  
  <p>I removed the default <code>src/favicon.ico</code> and replaced it with <code>src/favicon.png</code>. I also opened <code>src/index.html</code> and changed the appropriate line to read:</p>
  
  <pre><code>&lt;link rel="icon" type="image/png" href="favicon.png"&gt;
  </code></pre>
  
  <p>This doesn't seem to have worked. Issuing a GET request for <code>/favicon.png</code> simply returns the content from <code>src/index.html</code>. Restarting <code>ng serve</code> makes no difference.</p>
  
  <p>How can I make this file accessible to the application?</p>