DEV Community

Where do you get your icons?

Henry Boisdequin on December 17, 2020

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?

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!

Collapse
 
fatehwaharp profile image
Fateh Waharp

Nice collection of icon

phosphoricons.com/

Collapse
 
hb profile image
Henry Boisdequin

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

Its a great tool! Thanks for the tip!

Collapse
 
killua profile image
killua (he/she/they)

i personally love phosphoricons.com

Collapse
 
hb profile image
Henry Boisdequin

Looks cool!

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

Thanks for the tips!

Collapse
 
timlangner profile image
Tim Langner

I always use Font Awesome!
fontawesome.com/icons?d=gallery

Collapse
 
hb profile image
Henry Boisdequin

Thanks for the tip!

Collapse
 
gspteck profile image
GSPTeck
Collapse
 
hb profile image
Henry Boisdequin

Looks awesome!

Collapse
 
patarapolw profile image
Pacharapol Withayasakpunt

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

Collapse
 
extory3 profile image
Madiyar Ibrayev • Edited

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

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

Cool library! 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

Thanks for the resourse!

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

Looks great! Thanks for the tip.