imagepngcreate-react-appimageiconico

How to change the default logos in create-react-app


I'm working on a create-react-app project in VS code and would like to change the default logos (specifically the one that appears in the tab to the left of the website title). I have an image that I would like to use, but I can't figure out how to add the image to VS code. I tried making a .png file, but wasn't able to add the picture into the file. I tried the same thing with a .ico file. I honestly don't understand the difference between the two. But if someone could help me with steps on how to change that logo (blue atom looking thing) that would be great.


Solution

  • Easiest way to do it is to create the image as a .ico file, then drag and drop it into your public folder. There should already be a file named favicon.ico, just delete that file and rename the one you just dropped as favicon.ico, that way you don't have to change any of the code