React Native progressive web app apple-touch-icon not rendering


I’m having trouble getting the apple-touch-icon to render for a progressive web app built with expo. As noted in Progressive Web Apps - Expo Documentation, expo automatically generates the progressive web app assets, and they seem to be generated correctly. They work on android.

The apple-touch-icon is indicated correctly in web-build/index.html:

<link rel="apple-touch-icon" sizes="180x180" href="/pwa/apple-touch-icon/apple-touch-icon-180.png">

When adding the progressive web app to the home screen on iOS though, I get a screenshot of the app’s first screen as the icon, which is not ideal.

Does anyone have a hunch on what could be going wrong?


This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.