Change icon of running firefox profile

Question

I'm using Win7 but looking for a cross os solution, but this isnt even working in my Win7. I'm trying to change the icon of just the current profile. So what i did was:

1. I created shortcut of firefox.exe and moved it to my documents
2. right click on this shortcut and then changed icon
3. but in firefox the taskbar shows normal firefox icon and so does the top left icon (see attached image plz)

How can I change this icon?

Thanks

Here's another topic i made on ask.m.o trying to ask the same thing: https://ask.mozilla.org/question/725/custom-icon-per-profile/

Answer 1

This is how I did it in Linux Mint 21.3 cinnamon:

I created a file for each firefox profile in ~/.local/share/applications/firefox-work-script.sh

This file contains this small script:

bash
#!/bin/bash

# source_dir contains the icons for work profile (one png file named "default128.png" is enough)
source_dir="/opt/firefox/browser/chrome/icons/default/work/"

# target_dir is where firefox keeps it's default icons. move "default128.png" into a folder named "default" in the target folder and remove the rest.
target_dir="/opt/firefox/browser/chrome/icons/default/"

cp -f ${source_dir}* ${target_dir}

# this line will run Firefox with profile "work". change it to your own profile name.
/opt/firefox/firefox -p work

Create respectful icon for each profile and put them in their respectful directory. in the above example, the directory name is work. Size of the icon should be less than 256x256. but regardless of the actual size, the name of the file should be default128.png. taskbar will resize the icon to fit in the taskbar but depending on taskbar size it might not look good. My taskbar size is thin so I change my icon size to 48x48 to keep the quality at best. but it's not necessary.

Final folder structure:

/opt/firefox/browser/chrome/icons/default/
                                  ├── default128.png
                                  ├── default/
                                  │   └── default128.png
                                  ├── game/
                                  │   └── default128.png
                                  └── work/
                                      └── default128.png

Then in the .desktop file of firefox (e.g. firefox-work-profile.desktop. The shortcut file that runs firefox and usually is in the same folder that we created the above script) I have this:
NOTE: change the "YOUR_USER_NAME" to your user name. Obviously.

[Desktop Entry]
Name=Firefox Work
Exec=/home/YOUR_USER_NAME/.local/share/applications/firefox-work-script.sh
Comment=Mozilla Firefox Work Profile
Icon=/opt/firefox/browser/chrome/icons/default/work/default128.png
StartupNotify=true
Terminal=false
Type=Application
Categories=Network;WebBrowser;
MimeType=application/pdf;application/rdf+xml;application/rss+xml;application/xhtml+xml;application/xhtml_xml;application/xml;image/gif;image/jpeg;image/png;image/webp;text/html;text/xml;x-scheme-handler/http;x-scheme-handler/https;
Actions=new-window;new-private-window;

[Desktop Action new-window]
Name=New Window
Exec=/opt/firefox/firefox -p work

[Desktop Action new-private-window]
Name=New Incognito Window
Exec=/opt/firefox/firefox -p work -private

And that's it. Except for these two things:

1- Important: I needed to delete all theme related firefox icons for the theme that was active in my theme settings (mine was Mint-Y). I searched for firefox keyword in /usr/share/icons/Mint-Y/apps/ and deleted them all.

2- Remember to do all of the above for your default profile too since you will have at least two profiles and default profile needs it's own icon.

This was the general idea and can be used differently (probably).

Answer 2

As of Firefox 57, this is not possible from an extension.

WebExtensions do not permit the window icon to be changed from an extension.

Prior to Firefox 57 (or non-release versions w/ legacy add-ons)

The combination of the title of your question and the text of your question make it unclear what you desire to accomplish.

If your goal is to dynamically change the window icon of a currently running Firefox process then you will need to follow something along the lines of the second or third method listed in nmaier's answer.

If you goal is to always have a different, static icon used for the primary Firefox windows for a specific profile, that is quite easy.

You will need icon files of the appropriate format for each architecture for which you desire this to work.

The following assumes Windows, it is easily expanded to other architectures by including an icon file with the same name, but appropriate file extension and format.

Create a simple overlay, extracted extension. You will need a minimum of 2 files:

1. <extension-dir>instal.rdf
2. <extension-dir>\chrome\icons\default\main-window.ico

Example, fully functional, install.rdf:

<?xml version="1.0"?>
<RDF xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
     xmlns:em="http://www.mozilla.org/2004/em-rdf#">
    <Description about="urn:mozilla:install-manifest">
        <em:id>window-icon-change@nowhere.foo</em:id>
        <em:version>1.0.0</em:version>
        <em:name>Window icon change</em:name>
        <em:description>Change the Firefox main window icon.</em:description>
        <em:creator>Makyen</em:creator>
        <em:unpack>true</em:unpack>
        <em:targetApplication>
            <Description>
                <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>
                <em:minVersion>3.0a1</em:minVersion>
                <em:maxVersion>43.0a1</em:maxVersion>
            </Description>
        </em:targetApplication>
    </Description>
</RDF>

NOTE: The "<extension-dir>\chrome\icons\default\" directory is different than the one in the response by nmaier. In that answer the "icons" and "default" directories reversed and will be non-functional.

You will probably want an additional file:
<extension-dir>chrome.manifest
The chrome.manifest file is not required. However, not having it may result in a single line being printed to the error/browser console (if you even have that open). If the chrome.manifest file exists, even if zero length, there will be no complaint in the console that the file could not be read.

Install the extension. The easy way to do this is to create a zip file with those three files; then change the file extension to .xpi; then drag and drop it onto a Firefox window running the profile in which you desire it to be installed.

You can expand this to include icons for whatever sub-windows you desire. You will need to determine the ID for each sub-window. The icon file name is just the window ID with the appropriate extension for an icon in the architectures you desire. "main-window" is just the ID for the main Firefox browser window.

Creating an extension to test this took less than 5 minutes. You should find it reasonably easy to accomplish.

This assumes that there is not a custom main-window icon located at (Windows, default install location):
C:\Program Files\Mozilla Firefox\browser\chrome\icons\default
as that directory is for all profiles and is searched first.

This will not work if the extension is either restartless or extractionless.

You can find a brief amount of information about window icons on MDN. nmaier mentions the docs talking about bundles. When talking about Mozilla add-ons, a bundle is your add-on package.

The icon file(s) will be at (Windows):
<profile dir>\extensions\<extension-dir>\chrome\icons\default*
Once the extension is installed, you can change it/them manually without re-installing, if desired.

Add-ons created to solve this

Based on the discussion in the comments, I created a Firefox Add-on to allow setting the window icons for the profile. It is much expanded upon the 5 minute add-on mentioned in the comments. The addition is entirely in a UI for the options dialog for selecting the icon to use and assigning it to the various different windows Firefox opens. You can get it from Mozilla Add-ons under Change Profile's Window Icons. Unfortunately, it's not possible for that add-on to function as of Firefox 48 which requires add-ons to be signed. To dynamically change the icon requires changing files which must be signed. Thus it's not possible to dynamically change the icon with add-on signing required.

Instead I created a few add-ons which statically change the window icon. You can find them on AMO.

Answer 3

On Mac OS X, this Firefox plugin will do just that: https://addons.mozilla.org/en-US/firefox/addon/fosx-label/. Also on GitHub: https://github.com/jf/fosx-label. Thanks to Noitidart for pointing out this very useful plugin.

Tested on Yosemite 10.10.5 and it works perfectly!

Answer 4

Well, there are some ways that spring to mind, but all with their own issues:

1. Using Window Icons provided by an add-on you install into the profile (the docs talk about bundles, but add-on can also use this technique). The add-on must be em:unpack and have the icon(s) in chrome/default/icons exactly. It is possible that the Firefox in question has an own set of icons bundled in the $appdir/chrome/default/icons, in particular on *nix and since they are checked first, they will be used instead of the add-on provided add-ons. So while this approach works for custom add-on windows, it might not for built-in ones.
2. Copy and patch Firefox itself, aka. the sledgehammer approach. Different for each platform (e.g. under Windows you'd have to swap out the icon resource of the firefox.exe).
3. Create a tool that will switch out the icons of a running window. There is no code to do so in Firefox that would be accessible from javascript, so you need to go binary and platform-specific, e.g. WM_SETICON on Windows.

Edit 1: Actually, thinking more about it, I'd install an add-on with some platform-specific js-ctypes code that would then switch out the icons, e.g. the already mentioned WM_SETICON on Windows.

Usually you'll need a window handle for the platform APIs, which Firefox refuses to provide to JS. But as a workaround for that:

1. Store the window title.
2. Set the window title to a new uuid.
3. Call a platform API to find the new uuid titled window handle (FindWindow on Windows). mintrayr uses this scheme for Windows/Gnome(GTK/GDK), also not in js-ctypes.
4. Restore the window title.
5. Load/transform the icon file to something the platform supports (HICON on windows). I once had a patch somewhere on bugzilla that enabled loading of arbitrary images as window icons FWIW, but let it slide. Should be still somewhere and could give pointers.
6. Switch the icon using the obtained handle. E.g. Sending two WM_SETICON for small/big icon on Windows.

Edit 2 Turns out nsIBaseWindow exposes a nativeHandle these days, as I learned from your other question. so the window-title–hack isn't needed any longer. However, nativeHandle might be an 64-bit pointer, which isn't really supported in JS land without some trickery... Better not parseInt it... Also js numbers are floats.

ctypes.voidptr_t(ctypes.UInt64(nativeHandle)) should work, though.