Adding a custom favicon to your Gatsy site

July 17, 2020

Tufan in Hindi means storm and tufan.io has a very cute storm favicon. I wanted to add that to my replicated tufan website.

Medium.com has an article on adding a custom icon to your Gatsby site. In short:

  1. Add your icon to the images folder, as specified in the gatsby-source-filesystem options in gatsby-config.js.

  2. Change the entry for icon: in your gatsby-plugin-manifest(which comes pre-installed with gatsby-starter-blog-mdx) configuration in gatsby-config.js to point to this file.

  3. Run gatsby clean before you start your server.


tufan.io
Making it simple to create, manage & secure cloud applications.