Favicon Issue

[AhsenZa]

Dear community.

I have an issue with Favicon: my favicon does not appear in google research. I have uploaded the favicon in the theme editor as 480x480px png and jpg file previously and both didn't worked. Currently (weeks ago) I have uploaded it as 480x480 px .ico file in the theme liquid and submitted it to google search console for review, however unsuccessfully. below is the edited code.
<link rel="icon" href="https://kream.ch/cdn/shop/files/Kream_Favicon_Circle_Ico.ico">

Can someone support me to solve this problem? would very much appreciate.

my theme is pipeline and store link is https://kream.ch 

Thanks

[bundler-marko]

Hi @AhsenZa,

Have you followed the Shopify tutorial which explains how to add it?

If not, then you can take a look here: https://help.shopify.com/en/manual/online-store/images/add-favicon

Regards,

Marko

[AhsenZa]

Hi,
thanks for your message. Yes, that was the first step I did. Only difference is that my favicon is a multiple of 48, which is not indicated in that message. Should I try with a multiple of 32 or 32? Somehow I feel this is not gonna solve the issue tho...

Thanks and best

[bundler-marko]

Hi @AhsenZa,

I think it's worth a try, please let me know how that goes 🙂

Regards,

Marko

[Zeke]

It seems like the HTML of your store doesn’t contain the code you shared. Have you edited and saved the published theme?

Open this link in your browser to view your store’s HTML: view-source:https://kream.ch

[AhsenZa]

Not sure I understand, I see it at line 20, is something incorrect?

[Zeke]

On my computer, it doesn’t look right.

[AhsenZa]

Thanks for letting me know!
I have copy pasted now the link from the ico file as is and now the code looks like this... Do you think it is alright now?

 {%- if settings.favicon != blank -%}
<link rel="icon" href="https://cdn.shopify.com/s/files/1/0824/8442/9133/files/Kream_Favicon_Circle_Ico.ico?v=1724853731">
{%- else -%}
<link rel="shortcut icon" href="data:;base64,iVBORw0KGgo=">
{%- endif -%}


I still see this though:

Thanks.

[Zeke]

It still doesn’t seem to work. Maybe the code didn’t take effect? Which part did you edit?

[AhsenZa]

Yeah I noticed it wasn't working as well as even the favicon in the search bar disappeared. I reverted the code as original, which you can find below. The red string was the part I previously edited. I also proceeded to simply load a 320x320px png favicon through the theme setting for now.

{%- if settings.favicon != blank -%}
<link rel="shortcut icon" href="{{ settings.favicon | img_url: '32x32' }}" type="image/png">
{%- else -%}
<link rel="shortcut icon" href="data:;base64,iVBORw0KGgo=">
{%- endif -%}