When it comes to choosing the best icon library for your next design or development project, FontAwesome often gets a lot of attention. However, in...
For further actions, you may consider blocking this person and/or reporting abuse
I’ve had issues with icon libraries like Tabler, Google Icons, Boxicons, Font Awesome and many more, where many icons have excessive padding at the bottom. It’s quite frustrating. I’ve seen suggestions on Stack Overflow to use SVG icons instead of web fonts, but for smaller or medium-sized projects, that doesn't seem practical.
Has anyone else encountered this problem and found a good solution?
I totally understand your frustration with excessive padding in icon libraries. It's a common issue that can affect the overall design.
One potential solution is to explore libraries that prioritize pixel-perfect precision, offering customization options for spacing and size.
For instance, libraries like Lineicons provide a vast selection of icons with flexible styles, which might help you avoid padding issues in your projects.
While it's not completely free, they do offer a good amount of free icons to get you started. It might be worth checking out!
try react-icons
oh
techcloudinsight.com/how-tech-grow...
Great article! You've really captured the essence of the top icon libraries for 2024.
We're thrilled to see you have featured Lineicons in this list.
For anyone looking to elevate their design projects, don't forget to check out Lineicons' latest version—we've added over 30,500 icons across multiple styles! 💡
With 10 Unique Icon Styles From sleek and rounded to bold, outlined, and duo-tone!
We’ve designed each icon with great love and care, making it stylish, precise, and ready to make your projects shine.
Tabler icons are the best for me. They have a big range of icons
I agree—Tabler Icons indeed offers an extensive range of icons that are versatile and beautifully designed, making them perfect for various projects.
Have you used them in any exciting projects you'd like to share? I'd love to explore!
I use tabler in almost all my projects mixed with some few bootstrap icons (SVG format). Most of my projects are management systems.
Of recent I have created this rich editor (WYSIWYG) and for this one I used bootstrap icons for some reasons.
github.com/Williamug/maxi-editor
There in an app from Vue.js core team dude Anthony Fu - github.com/antfu-collective/icones aggregation of different icon libs
Very Helpful, will surely look at each one of them
Glad you found it helpful! Definitely take your time exploring each library—there’s something unique in all of them. Let me know if you need any recommendations!
Thank you! I'll make sure to take my time exploring each library. Recommendations will be helpful.
Helpful, Thanks for sharing!
Glad you found it helpful!
Thanks for sharing!
Glad you found it helpful!
you should add mine too, more icons coming soon!
doticons-website.vercel.app
Doticons looks like a fantastic addition! The unique dot-style icons bring a fresh perspective.
I’ll definitely consider adding it to the list—excited to see what’s coming next!
Great list of icons, thanks for sharing!
Thanks! Glad you liked the best icon library list. Hope you find the perfect icons for your next project! 😊
Been using Heroicons ever since I learnt to code.
Heroicons are a great choice! They’re super clean and versatile. Have you explored other icon libraries like Lucide or Lineicons for added variety?
I use it out of habit but thanks for the suggestion! I'm gonna try them out for my next project <3
That sounds great!
Great list thanks for sharing🙌. Here is one to add iconsax
Glad you found the list helpful! Iconsax is another great addition—its modern and clean design definitely stands out. Thanks for sharing! 👏
am also looking for it's solution
great work 👏
For brand logos you can refer to simpleicons.org/
And for some awesome other options: github.com/Anmol-Baranwal/Awesome-...
There are many icon libraries at this point, it's just hard to keep track.
I love heroicons, but they do not have much, I plan to learn how to create icon, and contribute if that is possible, should be the default for tailwind, but the lack of icons make it hard to stick, I am currently using them in my project admin panel.
It's great to hear that you love Heroicons! You can definitely contribute your own icons to their repository: github.com/tailwindlabs/heroicons/.
While their selection may be limited, exploring other icon libraries could also effectively complement your admin panel. Best of luck with your learning journey!
Yep, I have used Feather Icons in another project, they are also great.
I will definitely explore other libraries when I need specific icons.
Thanks for sharing
It's called Ionicons, not Iconic
Font Awesome isn't mentioned?
We’re exploring options beyond Font Awesome to highlight other unique and versatile libraries. However, Font Awesome remains a good choice!
Thanks for sharing
You're welcome! Glad you found it helpful!
Thanks for the share Vinish!
Here's another more great selection of icon libraries: 70+ Best Icon Libraries
NICE
Another amazing icon library RemixIcon
nice
Thanks a lot, I saved it. I would also add svgrepo.
Great list to check to add some libraries to the rails_icons gem. 🤝
Thanks for the feedback! We're glad you found the list helpful for your Rails Icons. If you have any suggestions for other libraries to consider, feel free to share! 🤝
surprised I didn't see lucide.dev lucide.dev/icons/
Lucide is definitely a gem! Glad you caught that and added it to the post. It’s always a solid choice for beautifully crafted, consistent icons!
You need to add Lucide.dev
Thanks for the suggestion! Lucide.dev has now been added to the list.
This is very helpful for all