This makes me want to write a post about the rabbit hole that is icon optimisation. It drives me insane when websites suffer from layout shift simply because they are not inlining their icons, for one.
Honestly, I always default to material icons unless a project calls for a very specific style. The coverage is just so dang good I rarely find a scenario without an appropriate icon and the style is neutral enough to blend in with a number of UI designs.
https://icones.js.org/ is a good site to search through these IMO
This makes me want to write a post about the rabbit hole that is icon optimisation. It drives me insane when websites suffer from layout shift simply because they are not inlining their icons, for one.
iconify has been my primary source of icons for over a year now.
Most of my Websites/Apps don't use rasterized graphics for design anymore, SVG + CSS gradients/backgrounds & effects seem to handle everything I need.
Question to all HN Users: what is the best icon library?
I really like https://phosphoricons.com/
But other than that, I also usually default to Material UI Icons.
I like Material Symbols best. Largest selection AFAIK and simple enough that you can create unique ones that fit in.
Honestly, I always default to material icons unless a project calls for a very specific style. The coverage is just so dang good I rarely find a scenario without an appropriate icon and the style is neutral enough to blend in with a number of UI designs.
Previous discussions:
September 2024 (4 comments, 17 points): https://news.ycombinator.com/item?id=41615563
Really useful thank you!