Please explain why favicon is not showing

[harrythedev]

Here is my configuration: gatsby-config.js

module.exports = {
  pathPrefix: '',
  siteMetadata: {
    title: '',
  },
  plugins: [
    `gatsby-plugin-react-helmet`,
    `gatsby-plugin-styled-components`,
    `gatsby-plugin-resolve-src`,
    `gatsby-plugin-react-next`,
    `gatsby-transformer-sharp`,
    `gatsby-plugin-sharp`,
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        path: `${__dirname}/src/pages`,
        name: 'pages',
      },
    },
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        path: `${__dirname}/src/images`,
        name: 'images',
      },
    },
    {
      resolve: `gatsby-plugin-favicon`,
      options: {
        logo: `./src/images/favicon.png`,
        injectHTML: true,
        icons: {
          android: true,
          appleIcon: true,
          appleStartup: true,
          coast: false,
          favicons: true,
          firefox: true,
          twitter: false,
          yandex: false,
          windows: false
        }
      },
    },
  ],
}

I did exactly what the documentation says.

And I started this project with "gatsby-starter-default". Why is it not working?

[harrythedev]

it renders some image and disappears right away.

[julien1619]

Did you use Gatsby v2? A new major update of this plugin is available for this version. Feel free to reopen this bug if it persists.