In this article we would like to show you how to change default favicon in React project.
Change default favicon file that is located under
Its path is attached to webpage inside
public/index.html file as:
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
public/ directory in default configuration.
To change icon we can select one of the following approaches:
- Solution 1: replace
public/favicon.icofile to new one
(we can change path also).
- Solution 2: use
public/folder and attach it inside
example.pngin the path.
Note: Here you can find useful article descrbing how to convert images to a proper size.