This website uses cookies. By clicking Accept, you consent to the use of cookies. Click Here to learn more about how we use cookies.
Accept
Reject
Support
Support
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Show  only  | Search instead for 
Did you mean: 

Be able to change custom icons for bookmarks

Eera
New member
‎05-08-2022 05:14 AM
Status: New idea

Hello,

Many of us using bunch of folders in bookmarks toolbar, why cant we just change the icon of the folder, when we click the "Edit folder" button instead of just name..

This feature could be really nice and useful also can be efficient because it's easier to find folders by just looking their icon over reading names.

Thank you for reading and support.

See more ideas labeled with:
Comment
18 Comments
cybericius
New member
‎01-08-2024 12:22 PM
‎01-08-2024 12:22 PM

BTW, my use case is that I remove the title of the website from the bookmark and when I put it on the bookmark toolbar, then it looks simple and neat. It would be nice to have different icons for e.g. outlook emails and calendars. The other issue is that even if you delete a bookmark, the sqlite3 database remembers the icon, so when you add the URL again to the bookmarks, it takes it from the cached database. Bummer.

JDD
New member
‎02-07-2024 07:13 AM
‎02-07-2024 07:13 AM

@ KlaasV

Thank you for your solution!

However, I'm not a programmer so I have no idea how to implement your elegant solution 😥

Can you provide step-by-step instructions for us tech-not-savvy's?

Thanks! 😁

nv2p
New member
‎03-26-2024 06:54 AM
‎03-26-2024 06:54 AM

Thanks a lot to @KlaasV for the "own small html" idea. If I followed right, you have to then click again on the website name, which is inconvenient. I prefer to use a redirection to avoid this:

<!DOCTYPE html>
<html>
<head>
<title>My Redirection</title>
<link rel="shortcut icon" href="my-favicon.ico"/>
<meta charset="UTF-8" />
<meta http-equiv="refresh" content="0; URL=https://..." />
</head>
<body>
<p>Wait for it :)</p>
</body>
</html>

And to answer the "non-techs" 😉, all you have to do is to save a text file with this code in it (adapt with the website you want, of course), give it a name ending with .html and put my-favicon.ico in the same folder (type "png to ico" in your search engine to find a converter of your image). Then you can create a bookmark with the URL "file:///PATH/TO/MY/FILE.html". You can repeat this procedure for other websites. Note that content="0 means that there is no waiting time. You still see very shortly the page, but if you want to have time to try (for copying the path) or if the favicon doesn't have time to be "registered", you can put 10 instead of 0 the first time.

If you want to have it work in many devices, put it in a synced folder (I use Syncthing, but Nextcloud or others would work too).

By the way, I noticed that when a URL doesn't have a favicon (the bookmark have the "blank" favicon), it's the previous one which stay when you edit the bookmark. So if this is your use case (also for bookmarklets for instance), you can just bookmark the site you want the favicon from and then edit the bookmark with the URL you want. Of course, if the idea is to override the favicon of a website, then you need this solution, because the favicon is updated when you click on the bookmark.

Greetings to all and thanks again for the inspiration 🤗

Copyright © 2024 Khoros, LLC