Iconify: Library of Open Source Icons (icon-sets.iconify.design)

Previous discussions:

September 2024 (4 comments, 17 points): https://news.ycombinator.com/item?id=41615563

https://icones.js.org/ is a good site to search through these IMO

Really useful thank you!

Question to all HN Users: what is the best icon library?

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.

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

Thank you for sharing, this will come in handy for me.

This simply solved icons for me

Nice work

They 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/

My 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

[dead]

Nice!

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.

I would have placed the search box on the left above "Filter icons set" #my2cents

Are these correlated, by css class name, or like a font? So we could switch a “theme”?

This is a brilliant library, thanks so much for sharing it

https://www.svgrepo.com/ is another one that I have found very useful.

Since 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/

Great! But where is the "download all" button.

Folders on my hard drive > anything hosted on the web

Love this. I use their Figma plugin almost every day.

Pictogrammers 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

Huge 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

Iconify solved icons for us. I love just sending a designer or UX person there and telling them to go nuts.