Download

Select the icons you need, and then click to Download. This will download only the icons you selected. No extra fonts, css is included!

You will be provided with a zip file. Extracting the zip file, you'll find a demo.html file, icofont.css file, icofont.min.css file and a fonts directory.

demo.html file contains the example of the fonts you've downloaded.icofont.css file contains the unminified styles.icofont.min.css file contains the minified styles. And fonts directory contains the font files

Using on the web

You need to copy the entire IcoFont directory into your project folder. In the <head> of your html, reference the location to your icofont.min.css.

Here’s an example:
<link rel="stylesheet" href="myProjects/webProject/icofont/css/icofont.min.css">

Using in Graphic software like Photoshop, Sketch or Illustrator

After extracting the zip file you will find a .ttf file inside the fonts folder. You should be able to install the font by double clicking on the .ttf file. Now, go to the IcoFont website, copy the icon you need to use and paste it in your graphic softwares (including Sketch, Photoshop or Illustrator). Please note, when you paste the icon, you need to have Type tool selected. After pasting the icon, select it, and then change the font family to “Icofont”. This will do the work.