Next.js Discord

Discord Forum

Favicon render weirdly in Google Search result

Unanswered
California pilchard posted this in #help-forum
Open in Discord
California pilchardOP
Hi ! Well its probably a weird question, but my favicon is not render like others in google icon. My icon in google search console dont take all space and having a black background. I dont know how to do it....

14 Replies

California pilchardOP
Like Instagram have this favicon, and the result in google in good
Yeah i haven't understood it
It half feels like it randomly changes for me
Western paper wasp
What file extension do you use for favicons?
Google doesn’t use your site favicon as-is.
It crops it to a circle, applies its own background, and caches it. Make sure your favicon is square (48×48 or larger), has transparent background, and the icon itself fills most of the canvas. Changes in Google Search can take days/weeks to update.

https://developers.google.com/search/docs/appearance/favicon-in-search
Oh mb there is no ico preview here
anyway, this is a rounded black rectangle with my icon in center. So I have transaprency in corner for rounded corner
i wonder if the act of some transparency makes google think it yeah
California pilchardOP
But Instagram for example use the same favicon format
Like there is transparency here no ?
oh yeah
though i wouldnt be suprised of google has manually hand picked ones