For some time now, Google has been displaying a website's favicon next to its title on the mobile SERP according to this answer.
But, for one website that I am managing, it is showing a completely different favicon. You can see it if you open the following URL on a mobile device, I am talking about the orange one:
I am referring to the top result.
As you can see on the website itself, the favicon has been added correctly using the proper meta tag:
<link rel="icon" type="image/x-icon" href="https://www.hoofgroove.ch/pub/media/favicon/default/favicon.ico" />
This is according to Google's guidelines.
Also, all the browsers are displaying the correct favicon, which is not the orange one but the black&red one.
This meta tag has been used for weeks and also the favicon has always been the correct one as far as I can tell.
But for some reason, Google is showing the wrong favicon on its mobile SERP.
Any ideas why?