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

Please follow below steps to change app icon:

1. Add your .ico file in the project.
2. Go to angular.json and in that "projects" -> "architect" -> "build" -> "options" -> "assets" and here make an entry for your icon file. Refer to the existing entry of favicon.ico to know how to do it.

3. Go to index.html and update the path of the icon file. For example,

4. Restart the server.

5. Hard refresh browser and you are good to go.