How to change Angular favIcon in Angular 10

Question

I have tried all options specified in the link How to change Angular CLI favicon

The image favicon is not coming.

I made my image 32*32Ppx size and replaced it in src and tried and also tried keeping it in assests.

In angular.json I modified like this

"assets": [ "src/favicon.png", "src/assets" ],

In index.html

The title is loaded as shown in the attached image.

Is there something I have to do in angular 10?

Regards,

Nagasree.

What do you mean with *is not coming*? In the browser? Have you tried clearing the browser cache? — derpirscher, Sep 18 '20 at 08:46
all of that should work. probably your browser cached the old/default one. did you try to refresh the cache? — Or Yaacov, Sep 18 '20 at 08:46
Hi I have updated with the page. It is not even showing the old icon.Could you please check and let me know? — NAGASREE, Sep 18 '20 at 08:58
Easy way to change favicon icon is replace existing with your own icon. — Sanjay, Sep 18 '20 at 09:04

score 5 · Answer 1 · answered Sep 18 '20 at 08:46

5

You can set favicon on index.html file.

<link rel="icon" type="image/x-icon" href="favicon.png" />

answered Sep 18 '20 at 08:46

Derek Wang

score 3 · Answer 2 · answered Sep 18 '20 at 09:06

3

Easy way to change favicon icon is replace existing with your own icon.

OR

You can change it by providing your favicon name in index.html and angular.json

answered Sep 18 '20 at 09:06

Sanjay

I did it but it is not picking up the new icon – NAGASREE Sep 18 '20 at 09:07
1

Make sure you clear browser cache. For me , it worked both way. – Sanjay Sep 18 '20 at 09:09
I tried first option and cleared browsing data now it is again showing Angular icon – NAGASREE Sep 18 '20 at 09:20
After clicking reload on the image it worked thanks Sanjay – NAGASREE Sep 18 '20 at 09:21

2 Answers2