7 Best Free Icon Libraries

Web Fonts And Design Assets Design Resources Icons Web Icons

Feather Icons Landing Page
1

Feather Icons

Simply beautiful open source icons
Pricing:
- Open Source
It will be possible to represent each embed icon as an SVG, which means there will be no scaling or blurring issues. The Feather Icons library is not the lightest library, but it is still quick on a 2G network and is an excellent starting point since it has open source icons.

#Web Icons #Vector Icons #Icons 63 social mentions
Font Awesome Landing Page
2

Font Awesome

Font Awesome makes it easy to add vector icons and social logos to your website. And version 5 is redesigned and built from the ground up!
Pricing:
- Open Source
While Font Awesome was a font-based asset library i.e font icon library, Bootstrap chose to use SVG-based icons. At this time, Bootstrap Icons consists of over 1,000 ready-to-use library icons in the alpha version.

#Web Fonts And Design Assets #Vector Icons #Icon Fonts 125 social mentions
The Noun Project Landing Page

3

The Noun Project

Creating, Sharing and Celebrating the World's Visual Language

The Noun Project's web icons library offers integrations with Adobe, Mac, Office, and Google apps. This might make you assume spending for a yearly plan. Remember, you can download and use it for free and without attribution.

#Web Icons #Icon Fonts #Vector Icons 138 social mentions
Bootstrap Icons Landing Page
4

Bootstrap Icons

Official open source SVG icon library for Bootstrap
Pricing:
- Open Source
The Bootstrap Icons package can be installed via npm or manually downloaded. There are several ways to include Bootstrap Icons on your site, depending on your setup:

#Web Icons #Icon Fonts #Vector Icons 19 social mentions
Iconfinder Landing Page
5

Iconfinder

Iconfinder is the leading search engine and market place for vector icons in SVG, PNG, CSH and AI format..
Pricing:
- Official Pricing
@import url("https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css");An usage example<svg class="bi" width="32" height="32" fill="currentColor"> <use xlink:href="bootstrap-icons.svg#heart-fill"/> </svg> <svg class="bi" width="32" height="32" fill="currentColor"> <use xlink:href="bootstrap-icons.svg#toggles"/> </svg> <svg class="bi" width="32" height="32" fill="currentColor"> <use xlink:href="bootstrap-icons.svg#shop"/> </svg> 5. Icon Finder IconFinder 6. React IconsReact Icons Installationnpm install react-icons --save npm install @react-icons/all-files --saveAn usage exampleimport { FaBeer } from 'react-icons/fa'; class Question extends React.Component { render() { return <h3> Lets go for a <FaBeer />? </h3> } } import { FaBeer } from "@react-icons/all-files/fa/FaBeer";

#Web Icons #Icon Fonts #Vector Icons 3 social mentions
react-icons.github.io
6

React Icons

Include popular icons in your React projects easly with react-icons.
Pricing:
- Open Source
@import url("https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css");An usage example<svg class="bi" width="32" height="32" fill="currentColor"> <use xlink:href="bootstrap-icons.svg#heart-fill"/> </svg> <svg class="bi" width="32" height="32" fill="currentColor"> <use xlink:href="bootstrap-icons.svg#toggles"/> </svg> <svg class="bi" width="32" height="32" fill="currentColor"> <use xlink:href="bootstrap-icons.svg#shop"/> </svg> 5. Icon Finder IconFinder 6. React IconsReact Icons Installationnpm install react-icons --save npm install @react-icons/all-files --saveAn usage exampleimport { FaBeer } from 'react-icons/fa'; class Question extends React.Component { render() { return <h3> Lets go for a <FaBeer />? </h3> } } import { FaBeer } from "@react-icons/all-files/fa/FaBeer";

#Design Resources #Icons #Web Icons
Flaticon Landing Page
7

Flaticon

A database of free vector icons.
Pricing:
- Official Pricing
In Flaticon, you will find vectors or embed icons that can be completely edited and used for any one or more of your personal or commercial projects. With over 2.3 million vector icons library organized into 51202 packs, Flaticon offers a wide range of options.

#Web Icons #Icon Fonts #Vector Icons 27 social mentions