Skip to content

Instantly share code, notes, and snippets.

@florido

florido/README.md

Forked from vinicius-stutz/README.md
Created November 5, 2016 10:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save florido/4f9b7e3e170e3b24d57ab150faf12ba2 to your computer and use it in GitHub Desktop.
Save florido/4f9b7e3e170e3b24d57ab150faf12ba2 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!

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