Skip to content

Instantly share code, notes, and snippets.

@vinicius-stutz
Created December 30, 2015 13:41
Show Gist options
  • Save vinicius-stutz/29f759031b7e5a444733 to your computer and use it in GitHub Desktop.
Save vinicius-stutz/29f759031b7e5a444733 to your computer and use it in GitHub Desktop.
Google Chrome Favicons For Bookmarklets

Google Chrome Favicons For Bookmarklets

  1. Open the Bookmark Manager and export your bookmarks;
  2. Open the exported html file in your favorite editor and look for the bookmarklet you want a favicon applied to;
  3. Convert the 16x16 px (or greater) favicon you want to use into the BASE64 format (I used Base64 Image Encoder);
  4. Now you can add the favicon via adding the ICON="data:image/insert-your-base64-image-code-here" attribute in the link;
  5. Save the file and import it in the bookmark manager.

Done! If the favicon doesn’t show up, try clicking on the bookmarklet. Afterwards the changes should stick and you can delete the imported bookmarks folder. If you have sync activated the favicons on your bookmarklets will also show up on your other PC, Mac, smartphone etc.

Enjoy!

@itgoldman
Copy link

itgoldman commented Dec 9, 2021

It still works, thanks!

@Webcoda
Copy link

Webcoda commented Dec 3, 2022

can confirm this still works, thanks!

@GhostieKoto
Copy link

still works

@nfultz
Copy link

nfultz commented May 5, 2023

A little fiddly but still works. Thanks!

Copy link

ghost commented Aug 13, 2023

works with normal sites and bookmarklets 2023👍

@TheOwlCoder
Copy link

It still works December 2023. Though, normal sites don't seem to work unlike what @WakandaMan99 said

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment