Discrepancy in Favicon Display: Browser Tabs vs. Google Search Results

I am seeking technical guidance regarding an issue with my website’s favicon, hosted at https://afnad.netlify.app/. While the favicon consistently displays correctly in browser tabs across various browsers, it is currently not appearing in Google search results for my domain. Instead, a default icon is shown.

@Afnad_Alam Use a ‘favicon checker’ to find potential issues with your favicon, for example:

https://realfavicongenerator.net/favicon-checker

it shows the same as your screenshot, what should i do now to fix it? thanks

@Afnad_Alam It shows the same as the screenshot because I ran it against your site.

This forum isn’t for general web development assistance, it’s for help with Netlify’s systems.
As such your question is actually outside the Scope of Support.

Base functionality of Netlify’s build and deploy pipeline is supported, but we cannot help you debug any source code used either during build or after deployment.

While I’ve provided you an initial pointer, it’s time for you to put in some effort yourself.
Do some research about favicons, check how you constructed your current favicon, what it contains etc.
Then adjust your favicon as necessary.
If you still can’t get it to work, you would then seek support somewhere else.

You could even try the favicon generator tool offered by the same site as the checker:
https://realfavicongenerator.net

ok, so i did some changes and now it shows all green on favicon checker, hopefully my website will show icon in search results in the future, thanks for your assist