DEV Community

Henry Boisdequin
Henry Boisdequin

Posted on

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?

Top comments (53)

Collapse
 
fayaz profile image
Fayaz Ahmed

You can check out our directory

appydev.co/icons

Collapse
 
danwalsh profile image
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/

Collapse
 
hb profile image
Henry Boisdequin

Thanks for the tip!

Collapse
 
noprod profile image
NOPR9D β˜„οΈ • Edited

you can find anything here : thenounproject.com

Collapse
 
hb profile image
Henry Boisdequin

A full package! Thanks for the tip!

Collapse
 
moacirjacomin profile image
Moacir Jacomin
Collapse
 
hb profile image
Henry Boisdequin

Wow, thanks for the recommendations!

Collapse
 
shrihankp profile image
Shrihan

Heroicons pair nicely with Tailwind CSS

Collapse
 
hb profile image
Henry Boisdequin

Heroicons looks very nice, thanks for the tip!

Collapse
 
shrihankp profile image
Shrihan

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

Collapse
 
vikramkadiam profile image
Vikram Kadiam

Surprised no one mentioned about Icons8. icons8.com/

Collapse
 
patarapolw profile image
Pacharapol Withayasakpunt

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

aloud-comments.web.app/

Collapse
 
hb profile image
Henry Boisdequin

Wow, they look awesome! Thanks for the tip!

Collapse
 
micahlt profile image
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.

Collapse
 
hb profile image
Henry Boisdequin

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

Collapse
 
micahlt profile image
Micah Lindley

No problem at all!

Collapse
 
ironcladdev profile image
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

Collapse
 
daviddalbusco profile image
David Dal Busco
Collapse
 
hb profile image
Henry Boisdequin

They look clean!

Collapse
 
daviddalbusco profile image
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.

Collapse
 
coderallan profile image
Allan Simonsen

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

Collapse
 
hb profile image
Henry Boisdequin

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

Collapse
 
fallenstedt profile image
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/

Collapse
 
hb profile image
Henry Boisdequin

regrettably.io looks so clean with those icons!

Collapse
 
fallenstedt profile image
Alex Fallenstedt

Thank you!

Collapse
 
noclat profile image
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.

Collapse
 
sykaeh profile image
Sybil Ehrensberger

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

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

Collapse
 
hb profile image
Henry Boisdequin

There are awesome!

Collapse
 
king11 profile image
Lakshya Singh

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

Collapse
 
hb profile image
Henry Boisdequin

Thanks for the tip!

Collapse
 
t9anef profile image
Mohammed ALjuhani

flaticon free icon:
😊
flaticon.com/

Collapse
 
hb profile image
Henry Boisdequin

Looks cool! Thanks for the tip!