ThemeIsle Icons is a free icon set with 100 icons that you can use in your projects. We are giving out the source files for free, too. Go ahead and grab them here!
You can use the icons by simply including the CDN link in your
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/themeisle-icons/themeisle-icons.css">
Yoy can also require the icons as a npm dependency by running the following command:
npm install themeisle-icons --save-dev
and after that adding the reference to the icons stylesheet in your head:
<link rel="stylesheet" href="node_modules/themeisle-icons/themeisle-icons.css">
Using the Icons
After you require the stylesheet in your project, you can display the icons by using classes on the
<i> html tag. For example, you can use the
heart icon by using the following markup:
<i class="ti ti-heart"></i>
As you can see above, you first have to use the
ti class, followed by the specific class
ti-heart. You can see a full guide for the icon classes here.
We have made these icons available for you to incorporate them into your products under the Apache License Version 2.0. Feel free to remix and re-share these icons and documentation in your products. We'd love attribution in your app's about screen, but it's not required. The only thing we ask is that you not re-sell these icons.