Themify Icon Font

Downloads in past


1.0.1-alpha.33 years ago5 years agoMinified + gzip package size for @icon/themify-icons in KB


npm version
This repository is a module of the full standard-iconsstandard-icons repository.


This repository is distributed with npm. After installing npminstall-npm, you can install @icon/themify-icons with this command.
npm install --save @icon/themify-icons


There are many ways/formats of how to use themify-icons. The fastest and recommended way is via SVG directly. Or use the webfont version if you want to include all icons at once:

SVG icons -- when you need just a few icons in your project

1 . If you want to use just a few icons. Find the icons you need in "icons" folder. Then use them as regular images:
<img height="32" width="32" src="@icon/themify-icons/icons/arrow-up.svg" />

2 . Icons can be served from a CDN such as UnpkgUnpkg. Simply use the @icon/themify-icons npm package in the URL like the following:
<img height="32" width="32" src="https://unpkg.com/@icon/themify-icons/icons/arrow-up.svg" />

Icons font -- ideal when you want to include all icons at once

1 . Install @icon/themify-icons with this command. In the <head> of your html, reference the location to your themify-icons.css.
<link rel="stylesheet" href="@icon/themify-icons/themify-icons.css">

2 . Use unpkg.comUnpkg to load directly themify-icons without installing anything:
<link rel="stylesheet" href="https://unpkg.com/@icon/themify-icons/themify-icons.css">

Place themify-icons with <i> tag in your html like this. Icon class names are to be used with the ti class prefix.

<i class="ti ti-arrow-up"></i>

Bugs, Ideas, Pull Requests

If you have any ideas or found bugs, please send me Pull Requests or let me know with GitHub Issuesgithub issues.


Themify-icons is copyright by Themify, font is licensed under the SIL OFL 1.1SIL, code are licensed under the MIT LicenseMIT.