Skip to content

Instantly share code, notes, and snippets.

@vinicius-stutz

vinicius-stutz/README.md

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.
Download ZIP
Google Chrome Favicons For Bookmarklets
Raw
README.md

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!

@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