6 ms·
Iconify: Library of Open Source Icons
- sea-gold 9mo agoPrevious discussions: September 2024 (4 comments, 17 points): https://news.ycombinator.com/item?id=41615563 https://news.ycombinator.com/item?id=41615563
- FireInsight 9mo agohttps://icones.js.org/ https://icones.js.org/ is a good site to search through these IMO
- vjay15 9mo agoReally useful thank you!
- ulrischa 9mo agoQuestion to all HN Users: what is the best icon library?
- pixelready 9mo agoHonestly, 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.
- Bewelge 9mo agoI really like https://phosphoricons.com/ https://phosphoricons.com/ But other than that, I also usually default to Material UI Icons.
- coolewurst 9mo agoI like Material Symbols best. Largest selection AFAIK and simple enough that you can create unique ones that fit in.
- Alupis 9mo agoMy 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 9mo agoI 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.
- Itoldmyselfso 9mo agoIf you use rounded or outline variants it's a bit different at least. There's also the two-tone variant which at least I haven't seen used much
- tezza 9mo agoI’ve used FlatIcon extensively. My use case is video games rather than web design. https://www.flaticon.com/ https://www.flaticon.com/
- jojomodding 9mo agoSadly not open source licensed
- thecopy 9mo agohttps://lucide.dev/ https://lucide.dev/
- egeozcan 9mo agoI learned about this thanks to claude always using it.
- deaux 9mo agoThese now instantly ring everyone's slop alarm bells. I'd choose any set over them.
- sabellito 9mo agoCompletely disagree, don't know of anyone who'd share that opinion.
- deaux 9mo agoDon't worry, after a few years everyone will agree with me. 2 years ago I was talking about the "Not just X, but Y" slop marker and no one had an idea what I was talking about. Now even the average corporate marketer recognizes it as an immediate slop hallmark. Slop websites, and Lucide being one of their hallmarks, are now where that phrase was 2 years ago.
- greatgib 9mo agoWhy you don't like this set? You feel negative after looking at their website or you have a more serious reason?
- deaux 9mo agoIt's used by 99% of slop websites because it's the go to of any LLM if not prompted to do otherwise.
- mbsa7 9mo agohttps://www.svgrepo.com 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 9mo agoThis 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 heavy 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://www.svgrepo.com/svg/404123/skull-and-crossbones https://github.com/joypixels/emojione/ https://github.com/joypixels/emojione/
- mbsa7 9mo agoI agree with you on the license issue, don't really mind the descriptions being too verbose or SEO oriented though but that's personal taste.
- croisillon 9mo agofamfamfam of course, the only set one will ever need
- swhitf 9mo agoThe GOAT. I remember when basically every page on the internet had one of these icons on.
- ComputerGuru 9mo agoYou’ll get a lot of responses but for me (excuse the nostalgia), icon design peaked with famfamfam’s (aka Mark James’s) Silk iconset from ~2005. It was a shame they were never available at higher resolutions (or as SVG), though I’m betting AI (either as Adobe Illustrator or Artificial Intelligence) can probably rectify that these days (and generate subpar additional icons to expand the set). View: https://peacocksoftware.com/silk https://peacocksoftware.com/silk Download: https://github.com/markjames/famfamfam-silk-icons/tree/master/icons https://github.com/markjames/famfamfam-silk-icons/tree/maste...
- qingcharles 9mo agoI've used Tabler for everything so far (free, 4500 icons) https://tabler.io/icons https://tabler.io/icons
- RestartKernel 9mo agoThis 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 9mo agoI 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.
- 8organicbits 9mo agoI believe setting width/height is a good fix here, although I see aspect ratio suggested as well. Inlining icons would prevent caching. https://web.dev/articles/optimize-cls#history_of_width_and_height_attributes_on_images https://web.dev/articles/optimize-cls#history_of_width_and_h...
- mythz 9mo agoiconify 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.
- hirako2000 9mo agoTo 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://wrifocus.bounded.cc
- albert_e 9mo agoThanks for sharing -- looks very useful to me. Can you share any other details about your project -- if it can be self hosted, etc.
- hirako2000 9mo agoI was hoping to open source it. Once I get to add some missing features and fix a few glitches. The purpose of self hosting isn't that useful as it's totally offline, everything goes to local storage and indexdb. It stays on the browser. But happy to share the repo if you would like to make it your own.
- albert_e 9mo agooffline is even great! if you are able to share the repo - that's great - thanks! i am toying with an idea of having a very light weight "idea capture" solution so i can capture my raw ideas with least friction .. and then channel them into more organized projects / drafts / blogs etc later. experimenting with tools like obsidian+git, github.dev, wispr flow, etc as input and storage channels ... but a lightweight markdown style note editor woould probably be a useful addition. need to experiment to find out for sure though.
- hirako2000 9mo agoObsidian would likely integrate better to this workflow. There is stackedit, also an offline first editor. Far more mature, can sync and store to the typical storage services. This app I made is.. more lightweight. It loads instantly for quick writing with no distractions. Pure markdown. Can organise but not mature. My contact is via my profile if you need access give your GitHub account.
- DenisDolya 9mo agoThank you for sharing, this will come in handy for me.
- aziis98 9mo agoThis simply solved icons for me
- nawaz0x1 9mo agoNice work
- primaprashant 9mo agoThey also have an API which you can use to get the icon SVG. I love making (architecture) diagrams in D2 [1], and love using the vast library of icons from Iconify in my diagrams where it makes sense. A sample diagram with SVG from Iconfiy would look like this: docker: Docker { icon: https://api.iconify.design/logos/docker-icon.svg } kubernetes: Kubernetes { icon: https://api.iconify.design/logos/kubernetes.svg } docker -> kubernetes: deploy [1]: https://d2lang.com/ https://d2lang.com/
- warrentr 9mo agoThanks for the d2 rec; this looks really good and is written in Go!
- davidcann 9mo agoMy site can extend a bunch of the icon sets that are on Iconify with AI image models, so you can feel comfortable using a more unique set than just the big ones: https://universymbols.com https://universymbols.com
- vikas-sharma 9mo ago[dead]
- stared 9mo agoNice! One features that would be really nice would be to pick and icon (or a few) and compare these against all these icon sets. So the process is "I want to have save icon matches the best my design" and go from there.
- BaudouinVH 9mo agoI would have placed the search box on the left above "Filter icons set" #my2cents
- EGreg 9mo agoAre these correlated, by css class name, or like a font? So we could switch a “theme”?
- joshuaisaact 9mo agoThis is a brilliant library, thanks so much for sharing it
- t_mahmood 9mo agohttps://www.svgrepo.com/ https://www.svgrepo.com/ is another one that I have found very useful.
- aeontech 9mo agoSince people are posting links to alternatives, another awesome source is the noun project. Has a mix of royalty-free, Creative Commons CC-BY-3.0, and paid license icons. https://thenounproject.com/ https://thenounproject.com/
- pdntspa 9mo agoNoun project is great but you have to manually remove a bunch of junk from their SVGs to make them usable unless you pay. It's kind of BS
- pdntspa 9mo agoGreat! But where is the "download all" button. Folders on my hard drive > anything hosted on the web
- quintu5 9mo agoIt’s all available in their GitHub repo.
- lasgawe 9mo agoLove this. I use their Figma plugin almost every day.
- paradox460 9mo agoPictogrammers have one small advantage over this: they give you the home assistant code for any icon in material. Sure, it's not hard to figure the code yourself, but being able to click a button and get the right one is great
- czhu12 9mo agoHuge props to this project. Use it daily for everything I’ve built. It has icons on basically everything. I was pleasantly surprised the other other day that it had both colored and uncolored devicons for the k3s project, which definitely isn’t that mainstream
- atonse 9mo agoIconify solved icons for us. I love just sending a designer or UX person there and telling them to go nuts.