DEV Community

loading...

Where do you get your icons?

hb profile image Henry Boisdequin ・1 min read

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?

Discussion (53)

pic
Editor guide
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 Author

Thanks for the tip!

Collapse
noprod profile image
NOPROD ☄️

you can find anything here : thenounproject.com

Collapse
hb profile image
Henry Boisdequin Author

A full package! Thanks for the tip!

Collapse
shrihankp profile image
Shrihan Kumar Padhy

Heroicons pair nicely with Tailwind CSS

Collapse
hb profile image
Henry Boisdequin Author

Heroicons looks very nice, thanks for the tip!

Collapse
shrihankp profile image
Shrihan Kumar Padhy

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

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 Author

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

Collapse
micahlt profile image
Micah Lindley

No problem at all!

Collapse
leviathanprogramming profile image
𝐋𝐄𝑽𝐈𝑨𝐓𝐇𝐀𝐍 Programming

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
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 Author

Wow, they look awesome! Thanks for the tip!

Collapse
coderallan profile image
Collapse
hb profile image
Henry Boisdequin Author

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

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
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 Author

regrettably.io looks so clean with those icons!

Collapse
fallenstedt profile image
Collapse
Collapse
hb profile image
Henry Boisdequin Author

Wow, thanks for the recommendations!

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 Author

There are awesome!

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

Thanks for the tip!

Collapse
t9anef profile image
t9anef

flaticon free icon:
😊
flaticon.com/

Collapse
hb profile image
Henry Boisdequin Author

Looks cool! Thanks for the tip!

Collapse
fatehwaharp profile image
Fateh Waharp

Nice collection of icon

phosphoricons.com/

Collapse
hb profile image
Henry Boisdequin Author

Thanks for the tip!

Collapse
lacikawiz profile image
Laszlo Szenes

I have started using Material Icons recently.
material.io/resources/icons/?style...
I found it quite easy to use and has minimal overhead.

Collapse
hb profile image
Henry Boisdequin Author

Its a great tool! Thanks for the tip!

Collapse
killua profile image
Collapse
hb profile image
Collapse
shriji profile image
Shriji

I have stopped using font awesome and I am using iconmonstr.com/ and some times nounproject.

Collapse
hb profile image
Henry Boisdequin Author

Thanks for the tips!

Collapse
timlangner profile image
Collapse
hb profile image
Henry Boisdequin Author

Thanks for the tip!

Collapse
gspteck profile image
Collapse
hb profile image
Collapse
patarapolw profile image
Pacharapol Withayasakpunt

I struggled much more for non-monochrome icons...

Collapse
extory3 profile image
Madiyar Ibrayev

I am using icomoon.io/
You can easily type the name of icon and the search result will show all icons available from other websites

Collapse
hb profile image
Henry Boisdequin Author

Thanks for the tip!

Collapse
onixhoque profile image
Onix Hoque

I'm really happy using icons from Semantic UI (semantic-ui.com/elements/icon.html)

Collapse
hb profile image
Henry Boisdequin Author

Cool library! Thanks for the tip!

Collapse
buckldav profile image
David

Here's quick way to include Font Awesome, Bootstrap Icons, Heroicons, Ionicons, and more in a React project: react-icons.github.io/react-icons/. So easy and flexible!

Collapse
hb profile image
Henry Boisdequin Author

Looks great! Thanks for the tip.

Collapse
jordanfinners profile image
Jordan Finneran

Google's Material Icons are all here which seems to be a well-kept secret!

Collapse
hb profile image
Henry Boisdequin Author

Thanks for the resourse!