Where do you get your icons?

I always find it a struggle to have nice icons for my websites. Do you have a go-to website in which you get free, no attribution icons?

Comments

[Fayaz Ahmed]

You can check out our directory

appydev.co/icons

[Dan Walsh]

Font Awesome Free is a pretty great resource: fontawesome.com/icons?d=gallery&m=...

That said, I'd highly recommend the paid version. Version 6 is around the corner and it's looking 🔥.

Otherwise, Bootstrap Icons is another great free resource I'd recommend: icons.getbootstrap.com/

[Henry Boisdequin]

Thanks for the tip!

[NOPR9D ☄️]

you can find anything here : thenounproject.com

[Henry Boisdequin]

A full package! Thanks for the tip!

[Shrihan]

Heroicons pair nicely with Tailwind CSS

[Henry Boisdequin]

Heroicons looks very nice, thanks for the tip!

[Shrihan]

You can also try Material Icons if you like Google's design.

[Micah Lindley]

Feather Icons are, in my opinion, the most beautiful and minimal icons for web design. You can find the icons as a font here.

[Henry Boisdequin]

Yes, there are so clean! Thanks for the tip!

[Micah Lindley]

No problem at all!

[Conner Ow]

Here's the reference I always use to go and get icons (Font Awesome 5 and earlier).
w3schools.com/icons/icons_referenc...
Here are the newest icons from Font Awesome 6:
fontawesome.com/cheatsheet?from=io

[Vikram Kadiam]

Surprised no one mentioned about Icons8. icons8.com/

[Pacharapol Withayasakpunt]

Yes, that's where I get more-than-one-color icons.

aloud-comments.web.app/

[Henry Boisdequin]

Wow, they look awesome! Thanks for the tip!

[Allan Simonsen]

I use this collection:
github.com/ioBroker/ioBroker.icons...

[Henry Boisdequin]

Thanks! Never used ioBroker.icons-open-icon-library-png.

[Nicolas Torres]

I'm all-in with Feather Icons nowadays. I used to go with Material Icons for its extensiveness, and just recently discovered HeroIcon, but Feather is the best catalog+look/package size ratio.

Note that SVGs are better than font icons, because they scale (up or down) better, plus they can implement variants (filled vs stroked). And also: careful about package size: React-icons will add a huge dependency to your project and therefore slow down your CI processes.

[Alex Fallenstedt]

I've had a lot of luck with icons8
icons8.com/

I used a lot of their icons for my side project regrettably! regrettably.io/

[Henry Boisdequin]

regrettably.io looks so clean with those icons!

[Alex Fallenstedt]

Thank you!

[Moacir Jacomin]

• github.com/sschoger/heroicons-ui
• entypo.com/
• flaticon.com
• iconfinder.com
• icons8.com/ouch
• icons8.com/vector-creator
• zondicons.com/icons.html

[Henry Boisdequin]

Wow, thanks for the recommendations!

[Sybil Ehrensberger]

I was recently looking for icons for technologies and company logos and came across these two sites:

• simpleicons.org/
• vectorlogo.zone/

For other icons I've used the already mentioned Bootstrap, Fontawesome and Ionicons icons.

[Henry Boisdequin]

There are awesome!

[David Dal Busco]

ionicons

[Henry Boisdequin]

They look clean!

[David Dal Busco]

Indeed. They also comes out the box with a handy web component to integrate these which notably supports lazy loading.

There are also the default icons of any Ionic apps.

[Lakshya Singh]

material design icons they have a package called @mdi /js which can provide you treeshaked icons

[Henry Boisdequin]

Thanks for the tip!

[Mohammed ALjuhani]

flaticon free icon:
😊
flaticon.com/

[Henry Boisdequin]

Looks cool! Thanks for the tip!