javascript - gatsbyjsでブラウザのタブ変更時にファビコンを変更する方法

Question

ブラウザのタブ変更で2つのファビコンを切り替えたいのですが、どこでこれを実行すればよいかさえわかりません。

ファビコンは現在、次のように gatsby-config.js に設定されています。

    {
      resolve: `gatsby-plugin-manifest`,
      options: {
        name: `gatsby-starter-hello-friend`,
        short_name: `hello-friend`,
        start_url: `/`,
        background_color: `#292a2d`,
        theme_color: `#292a2d`,
        display: `minimal-ui`,
        cache_busting_mode: `query`,
        icon: `src/images/favicon1.png`,
        icons: [
          {
            src: `src/images/favicon0.png`,
            sizes: `512x512`,
            type: `image/png`,
          },
          {
            src: `src/images/favicon1.png`,
            sizes: `512x512`,
            type: `image/png`,
          },
        ],
      },
    },

私はこのスターターを使用しています: https://www.gatsbyjs.org/starters/panr/gatsby-starter-hello-friend/