Knowledge is meant to share

Font Icons

Akin provides 2 Font Icons family to be used inside your contents, from ElegantIcons and Typicons. Here are some example of Font Icons from ElegantIcons:

house
camera
printer
calendar
star
clock
cloud
heart
datareport
mail
search
building
floppy
drive
id
id-2
grid-2x2
grid-3x3
music
flowchart
percent
mug
balance
rook

 

How to use

the example above use the following html format:

<div class="sample-icon"><div class="icon icon_balance"></div></div>
<div class="sample-text"><h6>balance</h6></div>


The above .sample-icon class is defined with font-size of 14. You may define a wrapper class with different font size yourselves, add them inside /templates/akin/css/style.css

Typicons

Another type of font icons that can be used is from Typicons. You can see the list of icons available inside Components -> RokCandy -> Macros.

Example of use using shortcode is as follows

[icon-beaker] [/icon] beaker 
[icon-beer] [/icon] beer


with the following result:

beaker

beer

Office: 226 In Nguyen Thai Son, W4, Go Vap Dist, HCMC, Vietnam

0909763299
Skype: tttdeco

mindbrandvn@gmail.com
mindbrand.vn