How to remove the default CRA react favicon?

Question

I already remove the link in the head tag and still the favicon gets rendered, is there anyway this can be remove or change?

Answer 1

Your favicon is in project_root > public > favicon.ico.

|
`--- public
     |
     `--- favicon.ico

Removing it is hard as browser generally uses a cached favicon if it doesn't find anything.

I'd urge you to change it. Just replace the favicon.ico file with an image of your choice. You can even rename a png to favicon.ico and use it. Make sure you do a hard refresh. You have to burst cache to see that change.

If you want to go all in on this, generate a favicon using https://www.favicon-generator.org/

Answer 2

Try this:-

Change <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" /> to

<link rel="shortcut icon" href="/a.png" /> which should be not present by the way or try deleting the favicon 

Answer 3

You have to do all the above (or below), but you also need to clear your browsing history.