Iconify: Library of Open Source Icons

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

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.

Previous discussions:

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

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

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

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/

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

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

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

This simply solved icons for me

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.

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.

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

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.

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

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

Really useful thank you!

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

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

Nice work

[dead]