How to change Angular CLI favicon

Question

How can I change the default favicon that is set by the Angular CLI?

I have tried many things, but it always shows the Angular logo as the favicon, even though I hav

Answer 1

Following steps worked for me.

1. Remove default "favicon.ico" file with a new one with different name i.e. "_favicon.ico" in my case.

   Note :: Don't keep the default name, as it's get's cached in your browser and difficult to overwrite with new icon.

2. Update index.html with new link tag i.e.

3. Update .angular-cli.json with new icon name i.e. "_favicon.ico".

4. Build & launch your app, and do a hard refresh Ctrl+F5.