Blog

Sharing is caring!

Icons are an amazing tool for building interactive layouts that are quicker and faster to use. As web/app developers, we use icons to make our websites and apps more visually clean, navigable, engaging, and interactive.

Here I have come up with some amazing best icon libraries for free. You can use it for free in any of your projects. Some of them are open sources and some are free with premium ad

1. Feather Icons

Feather is a collection of simply beautiful open-source icons. Each icon is designed on a 24×24 grid with an emphasis on simplicity, consistency, and flexibility.

To install this icon using npm

npm install feather-icons

Official Github repo: https://github.com/feathericons/feather

2. Heroicons

A set of 450+ free MIT-licensed high-quality SVG icons for you to use in your web projects. Available as basic SVG icons and via first-party React and Vue libraries.

To install this icon using npm for react

npm install @heroicons/react

To install this icon using npm for vue

npm install @heroicons/vue

Official Github repo: https://github.com/tailwindlabs/heroicons

3. Css.gg Icons

700+ Pure CSS, SVG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API.

To install this icon using npm

npm i css.gg

To install this icon using yarn

yarn add css.gg

Official Github repo: https://github.com/astrit/css.gg

4. Ionicons

Open source icons. Lovingly hand-crafted. Premium-designed icons for use in web, iOS, Android, and desktop apps. Support for SVG and web font. Completely open-source, MIT licensed, and built by Ionic.

Installation

If you’re using Ionic Framework, Ionicons is packaged by default, so no installation is necessary. Want to use Ionicons without Ionic Framework? Place the following near the end of your page, right before the closing tag, to enable them.

<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>

Basic usage

To use a built-in icon from the Ionicons package, populate the name attribute on the ion-icon component:

<ion-icon name="heart"></ion-icon>

Official Github repo: https://github.com/ionic-team/ionicons

5. Flaticon

Access +5.5M vector icons & stickers. Download free vector icons and stickers for your projects. Resources made by and for designers. PNG, SVG, EPS, PSD, and BASE 64 formats.

You don’t need to register to download and browse icons, but for icon customization, you need to. It also comes with a premium subscription.

Have the courage to act instead of react.

Oliver Wendell Holmes

Keywords: free icon libraries, best free icon libraries, react feather icons, best icon libraries, best free icon libraries.

Sharing is caring!