How can I change the Google Chrome webapp icon?

So I’ve got the AskUbuntu chatroom (I’m just using this as an example, I’ve got other webapps that I’ve got the same issue with) saved as a “Application Shortcut” in Chromium, and the icon is really (And I mean really) low resolution. Example:

enter image description here

The top one is the default icon that’s used for the Application Shortcut, the bottom is the AskUbuntu lens – so my question is, how can I use the icon that’s used for the AskUbuntu lens.

enter image description here

Here is Solutions:

We have many solutions to this problem, But we recommend you to use the first solution because it is tested & true solution that will 100% work for you.

Solution 1

With daily chromium builds and recent BAMF you can (if you look closer to that screenshot, you can see an example with my site and high-res icon). But in the current state of chromium you need to do some hacking to make it support this easily:

  • Make chromium generate a .desktop file for the application Menu too (if you don’t want you to create one by scratch).
  • Get your chromium app window WM_CLASS with xprop | grep WM_CLASS | awk '{print $4}' (if it’s just “Chromium Browser” or something similar you need to update chromium).
  • Edit that .desktop file (located into ~/.local/share/applications) with gedit or any other text editor; the file should contain:

    StartupWMClass=$APP_WM_CLASS_Found_on_step_2
    Icon=~/your/icon/file/name/or/path
    

    i.e. (for an app pointing to http://mail.google.com with google_mail.png in ~/.local/share/icons):

    StartupWMClass=mail.google.com
    Icon=google_mail.png
    
  • Restart bamfdaemon or unity at all; now when you’ll run an application with that WM_CLASS the settings defined in the desktop file you’ve just edited will be used; icon included 😉

Solution 2

Here is the easiest and fastest way.

Install Menu Editor:

sudo apt install menulibre

Open Menu Editor, Select App, Click on icon to select a new icon:

enter image description here

Solution 3

The easiest way for me was to install Alacarte (free from the Software Center) and edit the icon from there. It looks like an application to edit regular GNOME 2/GNOME Classic icons, but it works for Unity Launcher icons as well. The Chrome webapps are under “Chrome Applications”, at least in my machine.

Note: Use and implement solution 1 because this method fully tested our system.
Thank you 🙂

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply