For developers and designers, selecting an icon format to display icons on web design projects can be a chore.In this article I will introduce you to 12 of the Best Icons CSS and SVG Libraries for Web and Moblie.

1.Css.gg

Minimalistic Icon library Designed by code. Customizable & Retina-Ready icons entirely built in CSS.

2.Icons

Official open source SVG icon library for Bootstrap.

Bootstrap Icons are designed to work with Bootstrap components, from form controls to navigation. Bootstrap Icons are SVGs, so they scale quickly and easily and can be styled with CSS. While they’re built for Bootstrap, they’ll work in any project.

3.Feather

Feather is a collection of clean, beautiful open-source icons that are generally used to help users navigate and operate applications. Each icon is designed on a 24×24 grid with an emphasis on simplicity, consistency, and flexibility.

4.Ionicons

Ionicons is a completely open-source icon set with 1,300 icons crafted for web, iOS, Android, and desktop apps. Ionicons was built for Ionic Framework, so icons have both Material Design and iOS versions.

Ionicons is a high-quality icon library designed for use in web, iOS, Android, and desktop apps with support for SVG and web fonts. It comes in two versions: material design and iOS.

5.Tabler Icons

A set of over 950 free MIT-licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24×24 grid and a 2px stroke.

To use Tabler Icons, install the library from npm or simply download it from GitHub.

6.Heroicons

A set of free MIT-licensed high-quality SVG icons for you to use in your web projects.

224 icons per style currently, more to come in the future.

7.System Uicons

System UIcons is a collection of open source icons designed for products and systems in mind. Each icon is on a 21×21 grid.

8.Material design icons

Material design icons is the official icon set from Google. The icons are designed under the material design guidelines.

9.Simple Icons

Over 1000 Free SVG icons for popular brands. See them all on one page at SimpleIcons.org. Contributions, corrections & requests can be made on GitHub.

10.Weather Icons

Weather Icons is the only icon font and CSS with 222 weather themed icons, ready to be dropped right into Bootstrap, or any project that needs high quality weather, maritime, and meteorological based icons!

11.flag-icon-css

A collection of all country flags in SVG — plus the CSS for easier integration.

12.icono

icono is an icon pack that needs no external resources. Every tags can be an icon made with pure CSS.