wefwef @lemmy.world Demigod787 @lemmy.world 1y ago

Icon theme packs? I want to replace the icon with a cat, because cats

28 comments

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.
- 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")
- You're a genius! That actually works, thank you :)
- Not a Mac user sadly.
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.
  
  This?
- I'm on oneUI. How do you change the icon of a PWA?
- Pixel launcher users out of luck I guess.
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.
I found an easy way to use a custom icon for a web app: https://routinehub.co/shortcut/10290/

28 comments