FREE ICON LIBRARIES For Developers And Designers - In Very Easy Way

 

Welcome To TraxDinosaur,

So Without Wasting Time Lets Start,

If You Are A Web Developer, App Developer Or UI Designer Then You Probably Need Icons In Almost Every Project.

Like Search Icon, Home Icon, Settings Icon, Github Icon, Programming Language Icons And Many More..

But The Question Is..

Where Can We Get Good Icons For FREE??

So Today Im Sharing Some Really Useful FREE ICON LIBRARIES That You Can Use In Your Projects.

Some Of Them Are Best For Normal UI Icons, Some Are Good For Programming And Brand Icons And Some Have A Huge Collection Of Almost Everything.

So Lets Start..

 

---

UI / GENERAL ICONS

 

1. Lucide

Lucide Is A Very Clean And Simple Icon Library.

It Have A Lot Of Beautiful Outline Icons Which Can Be Used In Websites, Apps, Dashboards And Almost Any UI.

Website: Lucide Icons

If You Like Simple And Minimal Icons Then You Should Definitely Check This One.

 

2. Heroicons

Heroicons Is Another Really Good Icon Library.

It Is Made By The Makers Of Tailwind CSS And Have Clean Icons For Modern UI Designs.

Website: Heroicons

You Can Find Both Outline And Solid Style Icons Here.

 

3. Tabler Icons

Tabler Icons Have A Huge Collection Of Free Icons.

You Can Find Icons For Almost Every Common Thing That We Normally Need While Making A Website Or Application.

Website: Tabler Icons

Its Icons Are Simple, Clean And Really Easy To Use.

 

4. Feather Icons

Feather Icons Is A Simple And Lightweight Icon Library.

If You Dont Want Too Much Fancy Stuff And Just Need Some Clean Basic Icons Then This Can Be Really Useful.

Website: Feather Icons

 

5. Bootstrap Icons

If You Know About Web Development Then You Probably Already Heard About Bootstrap.

Bootstrap Also Have Its Own Icon Library Called Bootstrap Icons.

Website: Bootstrap Icons

And No, You Dont Always Have To Make Your Whole Website In Bootstrap Just For Using These Icons :)

 

6. Phosphor Icons

Phosphor Icons Is Another Beautiful And Flexible Icon Library.

One Really Good Thing About It Is That Icons Are Available In Different Styles And Weights.

Website: Phosphor Icons

So You Can Choose The Style Which Looks Better With Your Project.

 

7. Remix Icon

Remix Icon Have A Large Collection Of Icons For Websites And Applications.

It Have Both Line And Fill Style Icons.

Website: Remix Icon

So If You Want Same Type Of Icon In Different Styles Then You Can Check It.

 

8. Iconoir

Iconoir Is An Open Source Icon Library With Clean And Modern Looking Icons.

Website: Iconoir

It Can Be A Really Good Choice If You Are Making A Minimal UI.

 

9. Boxicons

Boxicons Is Another Free Icon Library With A Lot Of Useful Icons.

Website: Boxicons

It Have Regular, Solid And Brand Icons.

So You Can Get Normal UI Icons And Some Brand Icons From The Same Place.

 

10. Ionicons

Ionicons Is A Popular Icon Library From Ionic.

Website: Ionicons

It Is Especially Popular In App Development But You Can Also Use These Icons In Other Projects.

 

11. Eva Icons

Eva Icons Is Another Open Source Icon Library.

It Have Simple And Beautiful Icons Which Can Be Used In Web And Mobile Interfaces.

Website: Eva Icons

It Also Have Different Icon Styles Like Outline And Fill.

 

12. Material Symbols

You Probably Already Seen Material Symbols Somewhere Because They Are From Google.

Website: Google Material Symbols

There Are A Huge Number Of Icons Available And You Can Customize Things Like Weight, Fill And Some Other Properties.

Really Useful If You Like Google's Material Design Style.

 

13. Material Icons

Material Icons Are Also From Google And Have Been Used In A Lot Of Websites And Android Applications.

Website: Google Material Icons

They Have Icons For Most Of The Common Actions And UI Elements That We Normally Need.

 

14. Octicons

Octicons Is Github's Icon Library.

So If You Like The Type Of Icons Used In Github's Interface Then You Should Check This.

Website: Octicons

It Have Many Useful Icons For Development Related Interfaces And General UI.

 

---

DEV / PROGRAMMING / BRAND ICONS

 

Ok So Above Libraries Were Mostly For Normal UI Icons.

But What If We Need Icons Of Programming Languages, Frameworks Or Brands??

Like..

JavaScript, Python, React, Node.js, Github, VS Code Etc..

For That We Have Some Other Really Good Libraries.

 

15. Devicon

Devicon Is One Of The Best Places If You Need Programming And Development Related Icons.

Website: Devicon

You Can Find Icons For Programming Languages, Frameworks, Development Tools And Many Other Technologies.

For Example:

• JavaScript
• Python
• Java
• React
• Node.js
• Git
• Github
• Docker
• Linux

And Many More..

So If You Are Making A Developer Portfolio Or Some Programming Related Project Then This Library Can Be Really Useful.

 

16. Simple Icons

Simple Icons Have Icons Of Thousands Of Popular Brands And Technologies.

Website: Simple Icons

You Can Find Icons For Many Companies, Apps, Programming Technologies, Social Platforms And Other Brands.

So Whenever You Need A Brand Logo/Icon In Your Project, Check Simple Icons.

There Is A Good Chance That You Will Find It There.

 

---

GENERAL / LARGE ICON LIBRARY

 

17. Font Awesome

And Finally We Have One Of The Most Popular Icon Libraries..

Font Awesome

Website: Font Awesome

If You Have Done Web Development Before Then You Probably Already Know About It.

Font Awesome Have A Very Large Collection Of Icons.

It Have Icons For UI, Social Media, Brands, Devices, Files, Arrows And A Lot More.

Some Font Awesome Icons And Features Are Paid, But It Also Have A Free Collection Which Is More Than Enough For Many Projects.

 

---

So Which One Should You Use??

Now You May Be Thinking..

There Are 17 Libraries.. Which One Should I Use??

Well It Depends On Your Project.

If You Want Simple And Modern UI Icons:

• Lucide
• Heroicons
• Tabler Icons
• Feather Icons
• Phosphor Icons

If You Want Programming / Technology Icons:

• Devicon

If You Want Brand Icons:

• Simple Icons

If You Want Google Material Style:

• Material Symbols
• Material Icons

If You Want A Large General Collection:

• Font Awesome

But There Is No Rule That You Have To Use Only One Of Them.

You Can Check Different Libraries And Use The One Which Matches Your Project Design Better.

Important: Just Make Sure To Check Their License And Usage Rules Before Using Icons In Commercial Projects Because License And Terms Can Change.

 

---

All Icon Libraries At One Place

1. Lucide
2. Heroicons
3. Tabler Icons
4. Feather Icons
5. Bootstrap Icons
6. Phosphor Icons
7. Remix Icon
8. Iconoir
9. Boxicons
10. Ionicons
11. Eva Icons
12. Material Symbols
13. Material Icons
14. Octicons
15. Devicon
16. Simple Icons
17. Font Awesome

 

---

So These Were Some Really Useful FREE ICON LIBRARIES For Developers And Designers.

Hope This List Will Save Your Time Next Time When You Are Searching For A Good Icon For Your Project.

Ok See You In New Post.

By @TraxDinosaur