Hello,
basically title.
I often found such icons in CSS snippets, but never truly understood where I could see them all and now that I’m trying to do stuff with icons for my style I would truly benefit understanding how to find all these icons and how I could properly use them.
Thanks in advance to anyone who will try to help me :D
See also chrome://global/skin/icons/
You can open a copy of Firefox’s .exe installer file and extract the actual icon .svg or .png files too. Useful if want old icons from previous versions that used different icon design sets… sometimes these sets can be found online.
Only need 7-Zip utility or similar… open the .exe… then locate the ‘omni.ja’ file and open again with 7-Zip… search ‘omni’ folder for icons. Many folders contain icons… lots in the ‘icons’ folder itself (omni > chrome > toolkit > skin > classic > global > icons) in current Firefox stable release .exe installers.
Can view .svg icons by drag & drop file onto a blank page of Firefox (or any browser)… icons will appear ‘life size’ i.e. tiny in top LH corner of page. Can also find free online manipilation sites to modify .svg icons. Modified or 3rd-party icons can be added to browser’s profile ‘chrome’ folder along with a one-line CSS userstyle to replace the standard icon.
Thanks! I opened my FF.exe directory location, found the omni.ja file, but I’m having trouble opening it, any idea?
I would download a copy of the .exe installer file to desktop and take that apart… don’t mess with your current installation.
The path they can be found from depends on which component they belong to, but bunch of them can be found over here at searchfox (this folder should mostly correspond to what icons are found inside
chrome://browser/skin/).Thanks! That site seems veeeeery useful!
It is. But note that that site shows code in mozilla-central repository, i.e. code for nightly which can change quite often.
You can switch to release repository by replacing the mozilla-central part of the url with
mozilla-release