Favicon in React will not Update

html reactjs favicon react-boilerplate
Liver picture Liver · Aug 23, 2018 · Viewed 12.6k times · Source

I cannot update the favicon in react boilerplate.

I replaced the file in images/app/favicon.ico with my own file, but I'm still seeing the old icon show up.

I cleared my browser cache, ran npm run build:clean, and npm run build.

Can't get my new favicon to render. Please advise how to update the favicon.

Answer

Mr. J picture Mr. J · Mar 2, 2019

The problem is that the browser is holding onto the old image in the cache and not updating it.

To solve this problem update the favicon url to %PUBLIC_URL%/favicon.ico?v=2

The ?v=2 at the end will force the browser to refresh the favicon.

See How do I force a favicon refresh? for more details.

Related questions

How to use radio buttons in ReactJS?

I am new to ReactJS, sorry if this sounds off. I have a component that creates several table rows according to the received data. Each cell within the column has a radio checkbox. Hence the user can select one site_…

Read More
Get form data in ReactJS

I have a simple form in my render function, like so: render : function() { return ( <form> <input type="text" name="email" placeholder="Email" /> <input type="password" name="password" placeholder="Password" /> <button type="button" onClick={…

Read More
Concatenating variables and strings in React

Is there a way to incorporate React's curly brace notation and an href tag? Say we have the following value in the state: {this.state.id} and the following HTML attributes on a tag: href="#demo1" id="demo1" Is there …

Read More