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.
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”)
cat
Android? Which launcher? Depending on the launcher, you can change icons to image of your choice
iOS, there’s a hacky way of doing it with Siri Shortcuts that I completely forgot and I can’t find it since r/Shortcuts was made private lol.
On iOS, you can use the open url scheme in Shortcuts and assign any icon you’d like when you add the shortcut to your Home Screen. Not sure about Android though.
Edit: Yeah not recommended for a web app though but it does give you a custom icon.