In this tutorial, we are going to learn about how to change the default favicon in the angular app which is set by CLI.
- Open the angular app in your favorite code editor.
- Navigate to src folder and remove the
- Now, add a new favicon inside the
Note: The favicon filename should be
favicon.icolike in the above screenshot.
If your favicon file name is different and image format like(png, jpg) then you can follow the below steps.
My favicon file-name is icon24.png
- Add your favicon inside the src folder.
- Open the
index.htmlfile and change the favicon file name (with the newly added icon name).
<link rel="icon" type="image/x-icon" href="icon24.png">
- Inside the
angular.jsonfile add the favicon in
"assets": [ "assets", "icon24.png"],