If you’ve recently added a favicon to your website and are experiencing some trouble with it, don’t worry!
This is a common issue that can be easily fixed.
But then you search for your website on Google and see this ugly favicon next to your search listing:
This was happening with a favicon on one of my websites, and I found it frustrating.
I even had another website (this blog) that had the exact same dimensions as my favicon, but Google was showing that favicon with no problem.
Google published favicon guidelines, which took me some time to find and then use to diagnose my specific favicon problem.
So the issue is with the #size
Your favicon should be a multiple of 48px square.
I realized my favicon was 512×512, which is not a multiple of 48.
Your favicon must be a multiple of 48px square, for example:
144x144px and so on. SVG files don’t have a specific size. Any valid favicon format is supported.