Search code examples
windowsgoogle-chromedeveloper-tools

How can I change icon for Chrome Developer Tools?

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.

Solution

  • 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. PICKLE RIIIIIIIICK!!!

    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.

    Kill Explorer Open Explorer

    1. You'll now see two different icons. enter image description here

    2. 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