I created a site using Gatsby and I wanted to change the favicon.
I quickly looked at how to change it, and the process was very simple.
The favicon by default is the image
You don’t have to use that path, or the same format - the image can also be an SVG image, for example.
gatsby-config.js file and change the
plugins.gatsby-plugin-sharp.options.icon property from
src/images/gatsby-icon.png to the one you want.
For example I put my new favicon image in
src/images/logo-small.svg and I changed that configuration property to point to it.
gatsby develop and I could immediately see Gatsby updated all the favicon images, in different sizes: