Favicon appears on different size in different pages and platforms

[CUKO]

Hi, can anyone assist me? My favicon icon appears in different sizes throughout my pages all of a sudden and I have a feeling it could be me adding lots of new codes in which could have messed it up. Here are some images to show! Even on a mobile, the icon is zoomed in... which wasn't an issue a few days before. Thanks! (My website link: https://iamcuko.com/) 

[DaisyVo]

Hi @CUKO 

To fix inconsistent favicon sizing on your site, ensure the favicon image you uploaded is square (preferably 32x32 pixels) and that any added code hasn’t overridden favicon styles. Check your theme’s theme.liquid or header.liquid files for multiple <link rel="icon"> tags, which could conflict and cause scaling issues.

For mobile, confirm the favicon is correctly sized by adding this tag in theme.liquid:

<link rel="icon" href="{{ 'favicon.png' | asset_url }}" sizes="any">

This should ensure consistent display across devices.

If you have other questions, I am willing to answer them more.

Best regards,

Daisy