How can I change icon for Chrome Developer Tools?

Question

As you probably know, Chrome Dev Tools has the same icon as browser itself. In order, to increase productivity I would like to change it's icon, so it will be easier to find it in the taskbar.

Thanks in advance.

Answer 1

Give this a try:

1. Open up Chrome and then open up developer tools in another window so that you have two Chrome icons on your taskbar. Right click the devtools one and Pin to taskbar.

2. Right click on the newly pinned icon, right click on Google Chrome (2) and properties.

3. Under Shortcut->Change Icon, pick something else. Then 'OK' out.

4. You'll need to restart explorer.exe, so open Windows Task manager, kill explorer.exe and restart it.

5. You'll now see two different icons.

6. Do this: Start regular Chrome. Then CTRL+Shift+i and it should open devtools as the new icon.

Unfortunately, clicking the devtools icon initially will not open devtools on startup. Supposedly you can change the properties to start using chrome.exe --args --auto-open-devtools-for-tabs but I was unable to make that work.

YMMV with your operating system but this works with Windows 7. Hope that helps.

Note: If you're using Windows 10, you won't see explorer in the task manager by default, you have to click "More details" on the bottom and switch to the "Details" tab.

Alternatively, open PowerShell and type:

Get-Process explorer -ErrorAction SilentlyContinue | Stop-Process 

This will kill explorer, and windows will automatically restart it