Change default Icon in Chrome

HELP - I just can’t see what I am doing wrong!!!

I am trying to change the icon which is shown in the browser tab.


I have changed the path in src/index.hmtl to the icon I want to use - but it still shows the default Ionic icon which I have deleted from my project - so where it is getting the image and what I am doing wrong?

Path in index.html
<link rel="icon" type="image/x-icon" href="assets/meta/images/favicon.png">

When you run ionic serve you always get the Ionic icon.

Try serving your App using http-server, for example:

npm install http-server -g
http-server ./www

I feel such an idiot the web version of my app is fine (correct icon)!
Or perhaps the question is why does ionic serve not use the correct icon?