900+ icons from Iconsax (by Vuesax)

Whilst there were webfont files available from the site, I couldn’t get them to work so I uploaded the icons here onto Github, then wrote a script that lets you add any icon via a single line. I take no ownership of these icons, just the script I wrote to retrieve the file urls, as well as the cheatsheet I made.

iconsax.io vuesax.com


💘 glenthemes.tumblr.com/icons/iconsax 💘


Make sure you have jQuery somewhere on your page. If you don’t have it, put this under <head>:

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Paste the essential scripts (also under <head>):

<script src="//glenthemes.github.io/iconsax/geticons.js"></script>
<link href="//glenthemes.github.io/iconsax/style.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).

Use this CSS to set the global appearance of the icons:

:root {

If you want to change the styling of an icon e.g. under a different div:

.special-class .iconsax {