What’s in the Download?

The iconly font Package contains the following files:

Directory Discription File Name
/dist/css main css file style.css
/dist/css Bulk icon style css file bulk-style.css
/dist/fonts Solid font icon file(s) Iconly-Bold.woff(.eot,.svg,.ttf)
/dist/fonts Font icon file(s) with small spacing in lines! Iconly-Broken.woff(.eot,.svg,.ttf)
/dist/fonts Two color font icon file(s)! Iconly-Bulk.woff(.eot,.svg,.ttf)
/dist/fonts Outline font icon file(s) Iconly-light.woff(.eot,.svg,.ttf)

How To Use?

For using iconly font icons you just need to copy /dist folder in to yor project directory! then use one of the ways below

Use in page source html

<link rel="stylesheet" href="yor-path-to-dist-folder/dist/css/style.css">

Import in CSS file

@import url('yor-path-to-dist-folder/dist/css/style.css');

you just need to change 'yor-path-to-dist-folder' in code

notice: fonts file do not loaded until you use icons from it on the page

now just copy "i" tag from Home page and paste it where you want your icon to show


Sample Codes

<a class="btn"> <i class="iconly-Add-User"></i> <span>Click Me!</span> </a>
<a class="btn noselect"> <i class="iconly-Add-User icli"></i> <span>Click Me!</span> </a>
<a class="btn"> <i class="iconly-Add-User icbo"></i> <span>Click Me!</span> </a>
<a class="btn"> <span class="iconlyBulk-Add-User"><span class="path1"></span><span class="path2"></span><span class="path3"></span></span> <span>Click Me!</span> </a>

convert to font icon by: amirrezajef