How can I see all the available icons often found in CSS snippets as "chrome://something/something else/etc..." ?
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
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.
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/).