Trouble with Favicons on iPad

[blurapps]

Hey fam

I’m wondering whether anyone else has struggled with a Bubble app’s favicons on apple devices - more specifically on iPads and iPhones.
I’ve set up the favicons from the settings tab on my Bubble app but the browser on the iPad (safari) shows the right favicon on half the pages and shows the bubble default favicon on others.

My setup:

1. Settings → favicon is set
2. Settings → SEO&Metadata → Metatags in header:
   <link rel="apple-touch-icon" sizes="152x152" href="https://tickapp2.bubbleapps.io/version-test/Tickfavicon.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://tickapp2.bubbleapps.io/version-test/Tickfavicon.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://tickapp2.bubbleapps.io/version-test/Tickfavicon.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://tickapp2.bubbleapps.io/version-test/Tickfavicon.png"> <link rel="apple-touch-icon" sizes="167x167" href="https://tickapp2.bubbleapps.io/version-test/Tickfavicon.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://tickapp2.bubbleapps.io/version-test/Tickfavicon.png">

Am I missing something?
Thanks for going through this

Cheers,
Ranjit

[lantzgould]

Hey @blurapps,

Try this:

<link rel="apple-touch-icon" href="//s3.amazonaws.com/appforest_uf/f1612811893993x123123132123/faviconname.png">
<meta name="apple-mobile-web-app-title" content="Your App Name">

---

Alternatively, here’s what mine looks like with all them set for each size.

[blurapps]

Thanks @lantzgould !

Let me give that a shot