Self-taught designer, developer, and musician. JS, CSS, React, Next, Vue, Node, and much more. Studying computer information systems at Mississippi College.
Self-taught designer, developer, and musician. JS, CSS, React, Next, Vue, Node, and much more. Studying computer information systems at Mississippi College.
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.
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!
You can check out our directory
appydev.co/icons
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/
Thanks for the tip!
Surprised no one mentioned about Icons8. icons8.com/
Yes, that's where I get more-than-one-color icons.
aloud-comments.web.app/
Wow, they look awesome! Thanks for the tip!
Wow, thanks for the recommendations!
Feather Icons are, in my opinion, the most beautiful and minimal icons for web design. You can find the icons as a font here.
Yes, there are so clean! Thanks for the tip!
No problem at all!
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
Heroicons pair nicely with Tailwind CSS
Heroicons looks very nice, thanks for the tip!
You can also try Material Icons if you like Google's design.
you can find anything here : thenounproject.com
A full package! Thanks for the tip!
ionicons
They look clean!
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.
I use this collection:
github.com/ioBroker/ioBroker.icons...
Thanks! Never used ioBroker.icons-open-icon-library-png.
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.
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.
There are awesome!
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/
regrettably.io looks so clean with those icons!
Thank you!
flaticon free icon:
😊
flaticon.com/
Looks cool! Thanks for the tip!
I struggled much more for non-monochrome icons...
material design icons they have a package called @mdi /js which can provide you treeshaked icons
Thanks for the tip!
I use fontawesome.com/
Looks awesome!
I have stopped using font awesome and I am using iconmonstr.com/ and some times nounproject.
Thanks for the tips!
I always use Font Awesome!
fontawesome.com/icons?d=gallery
Thanks for the tip!
i personally love phosphoricons.com
Looks cool!
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
Thanks for the tip!
I have started using Material Icons recently.
material.io/resources/icons/?style...
I found it quite easy to use and has minimal overhead.
Its a great tool! Thanks for the tip!
Nice collection of icon
phosphoricons.com/
Thanks for the tip!
Google's Material Icons are all here which seems to be a well-kept secret!
Thanks for the resourse!
I'm really happy using icons from Semantic UI (semantic-ui.com/elements/icon.html)
Cool library! Thanks for the tip!
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!
Looks great! Thanks for the tip.