Premium open source free icon — Ionicons

I was googling for a free valid icons option to use for one my first project, and I find Ionicons.

1332 icons perfectly crafted for Web design: they look good, neat and they are free.

Example of Ionicons

How to install Ionicons?

It is easy, just need to place the following <script> near the end of your page, right before the closing </body> tag, to enable them.

<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>

How to use Ionicons?

For the basic usage: just populate the name attribute on the ion-icon component:

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

and then use the css for style them, for example :

ion-icon {
  font-size: 30px;
  color: red;
}