Download and extract the files in your project directory.
project/
--icoji/
--css
--font
--README.txt
--yoursite.html
Include the icoji css file inside the <head>
section of your HTML.
<link rel="stylesheet" href="css/icoji.css">
To use a specific icon, use its class name. For example
<i class="icoji-heart"></i>
And the result will be
To change the size, you can make classes like icoji-2x, icoji-3x, icoji-4x and so on...
/* CSS */
.icoji-2x {font-size:200%;}
.icoji-3x {font-size:300%;}
.icoji-4x {font-size:400%;}
<!-- HTML -->
<i class="icoji-heart"></i>
<i class="icoji-heart icoji-2x"></i>
<i class="icoji-heart icoji-3x"></i>
<i class="icoji-heart icoji-4x"></i>
icoji is a copyrighted work is distributed for free. You can use it for any commercial or non commercial purpose as long as your usage doesn't break the copyright laws and the following licenses.
For Fonts, SIL OFL applied to all font files in /icoji/fonts
. The code is distributed under MIT License, applies to all code files in /icoji/css
. This website and the documentation are available under CC BY 4.0. The icons and the artwork itself is distributed under CC BY-SA license. Please read README.txt in the downloaded icoji package.