| ▲ | Iconify: Library of Open Source Icons(icon-sets.iconify.design) |
| 210 points by sea-gold 5 hours ago | 23 comments |
| |
|
| ▲ | hirako2000 an hour ago | parent | next [-] |
| 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 |
|
| ▲ | FireInsight 3 hours ago | parent | prev | next [-] |
| https://icones.js.org/ is a good site to search through these IMO |
|
| ▲ | RestartKernel 3 hours ago | parent | prev | next [-] |
| 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. |
| |
| ▲ | jetin 8 minutes ago | parent [-] | | I agree with your comment, it is often an overlooked topic.
Inlining icons can be one answer but be aware of the growing size of your DOM. Depending on the complexity, number and repetition of the icons you are using, an approach including lazy loading can be better.
Layout shift is first and foremost caused by an improper space reservation. |
|
|
| ▲ | sea-gold 5 hours ago | parent | prev | next [-] |
| Previous discussions: September 2024 (4 comments, 17 points): https://news.ycombinator.com/item?id=41615563 |
|
| ▲ | nawaz0x1 21 minutes ago | parent | prev | next [-] |
| Nice work |
|
| ▲ | DenisDolya an hour ago | parent | prev | next [-] |
| Thank you for sharing, this will come in handy for me. |
|
| ▲ | mythz 2 hours ago | parent | prev | next [-] |
| 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. |
|
| ▲ | aziis98 an hour ago | parent | prev | next [-] |
| This simply solved icons for me |
|
| ▲ | ulrischa 3 hours ago | parent | prev | next [-] |
| Question to all HN Users: what is the best icon library? |
| |
| ▲ | thecopy 2 hours ago | parent | next [-] | | https://lucide.dev/ | | | |
| ▲ | Bewelge 2 hours ago | parent | prev | next [-] | | I really like https://phosphoricons.com/ But other than that, I also usually default to Material UI Icons. | |
| ▲ | mbsa7 an hour ago | parent | prev | next [-] | | 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. | | |
| ▲ | Frotag 13 minutes ago | parent [-] | | This site shows up on google a lot but it's a bit sketchy that there isn't a link to the source / license text. Not to mention the SEO optimized descriptions. > Free Download Wallet 460 SVG vector file in monocolor and multicolor type for Sketch and Figma from Wallet 460 Vectors svg vector Plus I've found the license listed isn't always accurate. For example the emojione icons are listed as MIT. But the actual repo says CC 4.0, with the non-artwork being MIT. https://www.svgrepo.com/svg/404123/skull-and-crossbones https://github.com/joypixels/emojione/ |
| |
| ▲ | tezza 2 hours ago | parent | prev | next [-] | | I’ve used FlatIcon extensively. My use case is video games rather than web design. https://www.flaticon.com/ | |
| ▲ | coolewurst 2 hours ago | parent | prev | next [-] | | I like Material Symbols best. Largest selection AFAIK and simple enough that you can create unique ones that fit in. | | |
| ▲ | Alupis 2 hours ago | parent [-] | | 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. | | |
| ▲ | coolewurst 35 minutes ago | parent [-] | | 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. |
|
| |
| ▲ | croisillon an hour ago | parent | prev | next [-] | | famfamfam of course, the only set one will ever need | | |
| ▲ | swhitf 41 minutes ago | parent [-] | | The GOAT. I remember when basically every page on the internet had one of these icons on. |
| |
| ▲ | pixelready 3 hours ago | parent | prev [-] | | 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. |
|
|
| ▲ | vjay15 3 hours ago | parent | prev [-] |
| Really useful thank you! |