Use emojis instead of the folder icon in the bookmarks toolbar

[RShep33]

I use my bookmarks toolbar as a quick access for a lot of my links - on the left, i have the websites i browse every day, and then i have a bunch of folders in which i have all the other websites, organized by category (news, social networks, etc.).
While it's possible to give whatever name to the folders (including emojis), I wondered if it was possible to replace the folder icon by a customizable emoji - this would allow to put the newspaper emoji for the news folder, for example. It would also allow to only have an emoji (and no text nor folder icon) in order to gain space on the bookmarks toolbar.
I'm joining a picture of my current setup (on top), and what a setup with emoji replacing the folder icons would look like.

[Vibrax]

I really dislike the current icons, it's just depression.

[homebanjo]

Removing identical folders that require labelling and replacing them with a descriptive emoji, within a folder, would be a game changer.

Personally, it would free up at least 20% of my toolbar, and my folders have no more 3 letters each - for example I have F for football, G for games, SoP for shopping and CaR for, well, car of course.  I imagine a world where folder icons might display a football, a controller, a carrier bag and a wheel within instead. 

I wouldn't bookmark them myself, but for sites a person might frequent whilst relaxing in a gentlemanly manner may I suggest a minor chess piece for the folders icon?

[news8000]

FOLLOWING!!!!

[2mustange]

This feature along with many other bookmark recommendations would be very welcome to make the experience so much easier to manage websites.

[BlackWizard]

I would very much like this to become a thing with Bookmarks in general. But there is a way you can remove the folder icon from the bookmarks toolbar through userChrome.css, which would allow you to achieve the look that you want by naming your folder with the emoji that you want. I've only copied the relevant parts from the following sources:

Source: How to remove folder icons in Bookmarks Toolbar
Source: UserChrome.css - Hiding SUBmenu options

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once - remove if you are adding to an existing userChrome.css*/

/* hide icons for bookmark folders */
#personal-bookmarks .bookmark-item[container="true"] .toolbarbutton-icon {
 display:none!important;
}
menu.bookmark-item > .menu-iconic-left {
display:none!important;
}

[PocketRocket]

BlackWizard

 is it possible to assign individual specific icons for individual specific bookmark folders on the bookmark toolbar? I have numerous different bookmark folders on my bookmark toolbar, but the actual bookmark folders themselves are all different from each other in terms of each bookmark folder having their own different bookmark websites within them. How do I customize each individual specific bookmark folder with its own individual specific icon?

[Agentvirtuel]

Hello

Maybe, take a look at https://connect.mozilla.org/t5/ideas/be-able-to-change-custom-icons-for-bookmarks/idi-p/5886

https://www.userchrome.org

Maybe and by way off illustration https://www.youtube.com/embed/_stDiMCMpis

#personal-bookmarks .bookmark-item[container][label="Foldername1"] {
list-style-image:url('1.png') !important;
-moz-image-region:auto !important;
}

#personal-bookmarks .bookmark-item[container][label="Foldername2"] {
list-style-image:url('2.png') !important;
-moz-image-region:auto !important;
}

.bookmark-item[image^="page-icon:https://connect.mozilla.org"] image {
    object-position: 16px 0px !important;
    list-style-image: none !important;
    background-image: url("firefox.svg")!important;
}

.bookmark-item[image^="page-icon:https://www.mozilla.org"] image {
    object-position: 16px 0px !important;
    list-style-image: none !important;
    background-image: url("Mozilla_Firefox_logo_2013.svg")!important;
}

[Anonymovs]

Que se puedan poner íconos en las carpetas de los marcadores

Hola:

Que se puedan colocar íconos en las carpetas de marcadores para que estas sean más fáciles de localizar visualmente.

Un saludo.

That icons can be put in bookmark folders

Hello: I hope that icons can be placed in the bookmark folders so that they are easier to locate visually. Regards.

[Jon]

(Note: similar ideas have been merged into this thread)

[Mert007]

Hi @Jon,
2 years have gone by since the original post, is there any update to this feature?

[johnkeits]

It sounds like you're looking for a way to personalize and optimize your bookmarks toolbar with emojis instead of folder icons, which would also help save space. Unfortunately, most browsers, like Chrome and Firefox, don’t natively support replacing folder icons with emojis.

However, there are a few potential workarounds:

Rename Folders with Emojis: You can add emojis to folder names, which is a simple way to visually organize your toolbar without changing the icon itself. This doesn’t completely replace the icon but adds a more colorful and identifiable element to your toolbar.

Use Browser Extensions: Some browser extensions allow more customization of the bookmarks toolbar. You can look for extensions that let you alter the appearance of the toolbar and explore the possibility of using custom icons or even emojis for folders.

CSS Customization (Advanced): If you're using Firefox, there are some advanced ways to modify the appearance of your browser interface through CSS, potentially allowing you to replace folder icons with emojis. This would involve creating a userChrome.css file in Firefox's profile directory and applying custom CSS to change the folder icon.

You'd need to encode your desired emoji or icon as an image and use that encoded data to replace the icon.

If you're not comfortable with these methods or they don't meet your needs, you might consider sharing this idea with browser developers as a feature request, since it could be a useful addition for many users.