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.
https://www.svgrepo.com
I find the site very user friendly as it lets you customize the stroke's width, color etc, see how it looks like and copy the modified version.
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.
To point out some of these SVGs are nicely animated and can be searched for.
I used them for my offline text editor, the result turned wonderful (icons wise)
https://wrifocus.bounded.cc
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.
Thank you for sharing, this will come in handy for me.
This simply solved icons for me
Previous discussions:
September 2024 (4 comments, 17 points): https://news.ycombinator.com/item?id=41615563
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?
https://lucide.dev/
I learned about this thanks to claude always using it.
https://www.svgrepo.com I find the site very user friendly as it lets you customize the stroke's width, color etc, see how it looks like and copy the modified version.
I really like https://phosphoricons.com/
But other than that, I also usually default to Material UI Icons.
I’ve used FlatIcon extensively. My use case is video games rather than web design.
https://www.flaticon.com/
I like Material Symbols best. Largest selection AFAIK and simple enough that you can create unique ones that fit in.
My only issue with Material-anything is it immediately looks/feels to me like something Google-related.
Not a deal-breaker entirely, but for my own things I like differentiate.
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.
Really useful thank you!