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
Nice work
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.
Previous discussions:
September 2024 (4 comments, 17 points): https://news.ycombinator.com/item?id=41615563
This simply solved icons for me
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/
famfamfam of course, the only set one will ever need
The GOAT. I remember when basically every page on the internet had one of these icons on.
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.
I see your point and like to do things myself, just so they're mine, but I feel like there's only so many ways to skin a cat and draw a plus symbol.
Most users will not care if they have seen a map icon in another app before anyway.
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!