How To Change Firefox App Tab Icons

Firefox App Tabs are a great feature, but keeping track of them if a site doesn’t have a favicon or if two sites have the same one is confusing.

Creating App Tabs in Firefox a great way to keep an eye on sites and web apps that you use on a constant basis. But the annoying thing is that App Tabs for sites from the same provider usually have the same icon. This can make things a bit confusing. There’s also times when a site doesn’t have an icon at all, which really confuses things.

app tabs

Change Firefox App Tab Icons

Here I’m showing you how to change the App Tab for a site that doesn’t have an icon, but the same steps apply if you just want to change the icon.

First, click the App Tab you want to change and bookmark the page. Right click on the page then click Bookmark this page.

app tabs bookmark page

Next install the Bookmark Favicon Changer extension — it requires a Firefox restart.

app tabs bookmark favicon

After Firefox restarts, go into Bookmarks and find the page you saved and right click it. Then select Change Favicon.

app tabs change favicon

Now choose the icon you want to use for the App Tab. I suggest using something that looks like a logo or an icon that helps you remember what it’s for. 

app tabs change favicon choose icon

I decided to go for the groovyPost logo. Anyway, you can choose anything you like. Just make sure to restart Firefox afterwards. Of course you can right click the bookmark to remove the icon too.

app tabs icon changed




  1. MerryMarjie

    November 10, 2012 at 1:08 pm

    Thanks for the tip and the link to Bookmark Favicon Changer!

    • Bogdan Bele

      November 12, 2012 at 1:16 am

      Glad to hear it was helpful. You’re most welcome!

Leave a Reply

Your email address will not be published. Required fields are marked *


To Top