Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Is is possible to remove an icon from a tab in the Firefox browser?

  • 7 replies
  • 1 has this problem
  • 10 views
  • Last reply by alan_r

more options

I want to remove an offensive icon from an otherwise-inoffensive website's tab.

I want to remove an offensive icon from an otherwise-inoffensive website's tab.

All Replies (7)

more options

This is the site icon that appears on the tab when you're viewing the page?

It's difficult to think of a way to remove one site icon from one site. You probably do not want to block all images from the site, and you probably do not want to strip all the site icons off all the tabs.

Maybe there is an add-on that can do it?

Hopefully another volunteer will have an idea.

more options

A possibility is to use code in userChrome.css to hide this specific icon. You would have to use the DOM Inspector to find the src URL of that icon to be sure you get the correct URL or try the generic domain.

Add code to the userChrome.css file below the default @namespace line.


@namespace url("https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

.tab-icon-image[src^="http://<website_domain>/"] {visibility:hidden}

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

You can use this button to go to the currently used Firefox profile folder:

  • Help > Troubleshooting Information > Profile Directory: Show Folder (Linux: Open Directory; Mac: Show in Finder)
  • Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
  • Use a plain text editor like Notepad to create a (new) userChrome.css file in the chrome folder (file name is case sensitive)
  • Paste the code in the userChrome.css file in the editor window
  • Make sure that the userChrome.css file starts with the default @namespace line
  • Make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userChrome.css. Otherwise Windows may add a hidden .txt file extension and you end up with a not working userChrome.css.txt file
more options

Hi cor-el, what do you think about a rule like the following to make it protocol neutral?

.tab-icon-image[src*="//<website_domain>/"] {visibility:hidden}

I haven't tested it myself.

more options

Yes, that would be a good change and worked for me in the test case that I had made for my own code.

Is your answer count steady as well as mine hasn't changed during the past posts I made?

Modified by cor-el

more options

Hi cor-el, I haven't checked my answer count but I did see some new posters today who had at least two posts but were listed with 0 answers, so something is definitely strange.

more options

I've check some pages that I visited yesterday in work offline mode and all show the same answer count for you and for me. Hope this gets fixed as soon as possible.

more options

As a simple workaround, you could bookmark the tab into a folder on the Bookmarks Toolbar; and only open it when you are actually using it. Does the site have the same icon in other browsers? Perhaps you should contact the site to express your concern. You don't seem to have been asked to identify the site to see if others have the same problem.