Changing the favicon in React, A very simple way

ยท

1 min read

Changing the favicon in React, A very simple way

Changing your React favicon is actually easier than you think. In this tutorial, we are going to change our default favicon in just 3 simple steps. Always remember that by default , the relative file path location of the favicon.ico file setup by the create-react-app CLI , is found in the public folder.

Step 1 Locate the favicon and delete it. step1.png

Step 2 Convert your png or jpg files to ico if you do not any available ico file. I used convertio.co/png-ico and it's free. step2.png

Step 3 After converting your png or jpg files to ico. Simply copy and paste or drag and drop in your public folder. Viola !!!! . Reload your app and your favicon will change from the react icon to the new converted icon.

step3.png

final.png

if you found this helpful, please give it a ๐Ÿ‘ and leave a comment. You can also follow me on Twitter @niiwadey

ย