DEV Community

Cover image for Best Icon Libraries for a Dev in 2024

Best Icon Libraries for a Dev in 2024

Masum Parvej on April 20, 2024

As developers, we're constantly on the lookout for tools that not only streamline our workflow but also elevate the visual aesthetics of our projec...
Collapse
 
durgeshkr profile image
Durgesh Kumar

lucide.dev/ is also a great option.

Collapse
 
miketalbot profile image
Mike Talbot ⭐ • Edited

iconify has them all, works for me.

Collapse
 
merwusch profile image
Mervenur

This is the greatest icon library buddy, thank you for clarifying!

Collapse
 
programad profile image
Daniel Gomes

Hey, man. I like the way you describe and point out the characteristics of each one of these icon libraries.

Me, personally, I like to use a mix of icons from all o those collections, as long as they match in style (some times, they don't). I like to decide first if the project needs solid or outlined icons, then, I go through icon search to see which ones fit my needs.

I would like to recommend you to check out rocketicons. It is a lib I built with a friend of mine that aims to simplify icon management and bring the flexibility of Tailwind to icons. The lib allows you to use a single code that works both on web and mobile and we do the necessary changes under the hood. If you use it just for one platform, that's Ok, the other code won't bloat your app bundle. We also provide most of those icon collections you mentioned, including Lucide and Phosphor Icons (which, by the way, is the biggest one with over 7k icons). In total, we provide more than 54k icons for anyone to use and customize just using Tailwind utility classes. And we are planning to bring more premium features in the future but right now, everything is free and open source.

Collapse
 
cn-2k profile image
cn-2k

icones.js.org/

All salute @antfu

Collapse
 
lgtome profile image
Denys

react-icons have a huge library as well

Collapse
 
muhammad_tanvir_e6f9ce979 profile image
Muhammad Tanvir

Hugeicons Pro is a game-changer for developers and designers looking for high-quality, versatile icons. With a massive collection of customizable icons available in multiple formats like SVG and PNG, Hugeicons Pro makes it easy to enhance any digital project. The library’s intuitive setup and options for CSS and SVG sprite systems simplify integration, whether you're building a website, mobile app, or desktop application. The ability to customize color, size, rotation, and even animation gives developers the flexibility to match icons seamlessly to their design. Hugeicons Pro is the go-to choice for professional, impactful icons in 2024 and beyond.

Collapse
 
alteca profile image
Alteca

what about heroicons.com ?

Collapse
 
yeasin2002 profile image
Md Kawsar Islam Yeasin

They don't have enough icons.

Collapse
 
nyukeit profile image
Nyukeit
Collapse
 
anishshettyk11 profile image
ANISH SHETTY K

mui icons are also good.

i use a combination of mui and react icons

Collapse
 
seandinan profile image
Sean Dinan

Yep MUI is my go-to. There's been very few instances where they haven't had the icon I need.

Collapse
 
anthroponymy profile image
NavinKumar

this should do the JOB fonts.google.com/icons

Collapse
 
sethsandaru profile image
Seth Phat

I don't really stick with 1 or 2 icon libraries.

Whenever I need icons, I go to yesicon.app/ and pick anything that I like lol

Collapse
 
dongnaebi profile image
dongnaebi

Yes! It's the best icon search engine for me

Collapse
 
shawnwildermuth profile image
Shawn Wildermuth

heroicons

Collapse
 
yeasin2002 profile image
Md Kawsar Islam Yeasin

I also love Lucid.dev
and also icones for if copy pasting

Collapse
 
abhi1693 profile image
Abhimanyu Saharan

react-icons-ng has them all

Collapse
 
victor_varela profile image
Victor Varela

lucide.dev is a great library too

Collapse
 
kamal_dev profile image
Kamal Ud Din

Use SVG instead of a library => iconduck.com