:https://grxvityhj.github.io/iconsax
Another great cheat sheet made by other creator, glenthemes, can be found here:
https://glenthemes.tumblr.com/icons/iconsax
Iconsax is an open-source library made by Vuesax, containing 1000 icons with 6 different styles. Check out https://iconsax.io/ for more details and icons for other platforms.
Include the script inside the <head>.
<script src="https://grxvityhj.github.io/iconsax/script.js"></script>(Codes are all written in vanillaJS so no need for jQuery.)
Head to cheat sheet page to retrieve icons by name, and paste your code by the following rules below:
<i class="iconsax" type="linear" stroke-width="1.5" icon="(icon name)"></i>For brand or company logos, additional class brand is required.
<i class="iconsax brand" type="linear" stroke-width="1.5" icon="instagram"></i>Attributes can be omitted for linear type with 1.5 of stroke-width.
<i class="iconsax" icon="(icon name)"></i>Example for linear type with stroke-width 2:
<i class="iconsax" stroke-width="2" icon="(icon name)"></i>| Attributes | Type | Required | Default |
|---|---|---|---|
| type | string |
no | linear |
| stroke-width | string |
no | 1.5 |
| icon | string |
yes | (its icon name) |
👉 stroke and fill is set to currentColor by default.
👉 No styles are applied.
I do not own any of the icons. All rights belong to Vuesax.
This project fully supports linear and bold style only.