I have some favicon problems with Google search. I noticed that two of my webpages are displayed in Google search, but there are no favicons next to the link in the Google search listing, like this:
I have checked that when I view a webpage's favicon with this URL, it shows the right favicon but not in Google search: https://www.google.com/s2/favicons?domain=example.com
I have used same favicon tags than other webpages, and next to the other webpages Google search shows their favicons.
These are the favicon tags I'm using:
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="favicon.ico">
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="msapplication-TileImage" content="mstile-150x150.png">
<meta name="theme-color" content="#382d57">
<meta name="msapplication-config" content="browserconfig.xml" />
I used an online site to generate the above.