I do not claim ownership of any of these icons; all of them are created by the VUESAX team. Unfortunately, their WEB FONT package does not work so I went through all of them and created a full icons list cheat sheet, including removing duplicates and fixing a few spelling mistakes here and there.
Prior to 2023, these icons were not technically an “icon font”; they were invoking SVGs with jQuery, which took time to load. Now, they’re available as an actual icon font!
The SVG version is now archived, but you can still use them at: glenthemes.github.io/iconsax/svg-ver
| iconsax.io | vuesax.com |
👉 iconsax.gitlab.io/i/view
Paste this under <head>:
<link href="https://iconsax.gitlab.io/i/icons.css" rel="stylesheet">
To use an icon, paste the following line where you want your icon to be:
<i class="iconsax" icon-name="milk"></i>
Choose an icon from the list, copy the name and paste it between the "" of icon-name="".
(in this case, replace milk).
To edit the appearance of the icons (e.g. size and color), you can use standard CSS like you would style text:
.iconsax {
font-size: 18px;
color: #86a3eb;
}