It supports popular web development frameworks such as React, Angular, and Vue as well popular design tools such as Sketch and Adobe apps.įont Awesome also has a paid premium plan that includes 6,000 more icons with faster icon loading, more kits, more icons, more tools, and actual human technical support.ĭespite its huge collection, you probably won’t need more than a few icons for your application. The library includes a collection of more than 1,500 icons you can use for free. Font Awesome 5 set a record as the most funded software Kickstarter ever. It was originally designed for Bootstrap and later grew to become its own independent icon set. Font Awesomeĭeveloped in 2012 by Dave Gandy, Font Awesome is one of the oldest and most popular icon collections available.

npm install feather-iconsįeather has third-party libraries that make it easier to use icons inside modern popular frameworks such as Angular, Vue, and React with little hassle. To use a Feather icon, install its package. Each icon is designed on a 24×24 grid with an emphasis on simplicity, consistency, and flexibility.Īll the icons in Feather are SVG-based, meaning you can use them inside most HTML and CSS attributes, such as img, background-image, inline, object, embed, iframe, etc.Īt the time of this writing, Feather has a collection of 282 icons that you can tweak in terms of size, stroke width, and color. Featherįeather is a collection of clean, beautiful open-source icons that are generally used to help users navigate and operate applications. Best of all, they don’t cost a thing.īelow are the top 7 icon libraries you can use for free. These icon libraries are very simple to set up and they all allow you to import just the icon you need instead of the entire collection.

In this tutorial, we’ll explore and compare some of the most popular icon libraries you can use in your next JavaScript project. In many cases, icons can even replace text entirely. Icons are useful precisely because they are universal symbols. For instance, a microphone icon in a web or mobile application almost always indicates some kind of voice command or recording functionality. Icons are recognized patterns that the vast majority of users are familiar with. 7 popular icon libraries you can use for freeĪs web developers, we use icons to make our websites and apps more visually appealing, navigable, and engaging. Nathan Sebhastian Follow A senior software developer with experience in building fullstack JavaScript app with React and Express.

Icon pack free