ThemeIsle Icons

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!

Getting Started

You can use the icons by simply including the CDN link in your head:

<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.

License

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.