Search Support

Beware of phishing attacks: Mozilla will never ask you to call a number or visit a non-Mozilla website. Please ignore such requests.

Learn More

Change, Add Custom Icons on Toolbar

  • 6 replies
  • 2 have this problem
  • Paskiausią atsakymą parašė BevHoward

more options

Although other (already closed) threads indicate that customizing bookmark icons is not possible, especially with versions above 22, it is possible, but not at all obvious.

Even though I have done it, I am not clear on the entire process, specifically the "icon data" part of the following... but, it does work and the following example was tested on version 28 of "Nightly"

The icon references can be included in a simple html file and imported into bookmarks.

The following is a sample of one for a mailto: =

<A HREF="mailto:" ADD_DATE="989110022" LAST_MODIFIED="1317596951" ICON_URI="file:///C|/Users/Beverly/Download/Tran/Tran/blue.ico" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGElEQVQ4jWNgYPj/nzI8asCoAaMGDBMDADKm/hBZaHKGAAAAAElFTkSuQmCC" LAST_CHARSET="ISO-8859-1">MI</A>


The above is the only thing in the imported html file... no headers, etc are necessary.

I _think_ the above "icon=data..." can be used with any icon file and it will regenerate after import... it's been too long since I sorted this out the first time. The above icon file is a 32x32 solid blue square.

Assuming you have bookmarks that have icons, you can export your bookmarks to an html file, then open that file with a text editor to either copy examples or edit them to add your own local icon file references.

Hope that this information is of value.

Beverly Howard

All Replies (6)

more options

Hi bevhoward,

Thank you for sharing this information. Actually the Mozilla Developer Network loves hearing about hacks like this and I think this would be a great mini article that could be added through their feedback channel:

I think the document that you may be referring to is the Custom Toolbar Button

If you sign up and navigate to this page it is possible to tag it with update information. If you have any questions please feel free to ask, the irc channel is pretty awesome as well.

Hope this helps!

more options

I'm not sure if you keep custom favicons added this way for a real existing web page.

Note that bookmarks exported to an HTML file use this same method to export bookmarks with their favicons.
A JSON backup doesn't include the favicons.

more options

Thanks for the responses and the link to the tech article link.

The custom toolbar icon instructions are way beyond my (and I assume most users') capabilities, and, it's obvious that icons can be a major help in spotting specific links on the toolbar.

In the case of "local" links such as mailto, bookmarklets and local pages, there should be an _easy_ way to associate to an icon anywhere... on the machine or internet, but there is not. Ideally, there should be a field in bookmark properties that allows any user to enter the address of the icon file they want associated with each link.

Web pages frequently change their icons... that's simply part of the net, but, for those of us "old farts" having the ability to reset the icon to one we can see and recognize is a big chunk of what we call "accessibility"

Thanks again, Beverly Howard

more options

Hi bevhoward,

I did find an add on that might also be useful:

more options

Thanks for the link.

While that addon stopped working a few versions ago, thanks for posting it again.

The reviews now indicate that is has been updated and it now works in FF version 26

At the time of my last post, the addon information page indicated that it did not work after version 23

NOTE that the version on the MOZILLA SITE STILL DOES NOT WORK!

You must download it from this site!

Thanks, Beverly Howard

Modified by BevHoward

more options

fwiw, another issue arose around this if you "sync" firefox.

If you do, the icon locations will either need to be located in identical local paths on each computer or, you can put them on a personal website and use urls to point to them.

Beverly Howard