I found a way on IOS :) But you’ll need Safari running on Mac.
- Enable Web Inspector on iPhone. Settings > Safari > Advanced > Enable Web Inspector
- Connect your phone to your mac
- Open wefwef.app on the phone, connect to it from macos safari developer menu.
- Change the icon urls in the inspector then install the app on the phone.
You’re a genius! That actually works, thank you :)
Tried to do this with no luck. How do I find the correct icon URL?
Maybe you have to have a url to the image, but you could just upload it to imgur und copy the link there. You can replace the icon url by searching for “apple-touch-icon” and changing the
href
property everywhere you see it to the image url.Say you want to use this icon: https://i.imgur.com/kUxXoIA.png
You change this:
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/favicons/apple-touch-icon-180.png">
to this:
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="https://i.imgur.com/kUxXoIA.png">
(and repeat this everywhere you see the “apple-touch-icon”)
I found an easy way to use a custom icon for a web app: https://routinehub.co/shortcut/10290/