| Server IP : 79.136.114.73 / Your IP : 18.117.132.79 Web Server : Apache/2.4.7 (Ubuntu) PHP/5.5.9-1ubuntu4.29 OpenSSL/1.0.1f System : Linux b8009 3.13.0-170-generic #220-Ubuntu SMP Thu May 9 12:40:49 UTC 2019 x86_64 User : www-data ( 33) PHP Version : 5.5.9-1ubuntu4.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/www.astacus.eu/wp-content/themes/Avada/assets/fonts/fusion-icon/ |
Upload File : |
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>ThemeFusion fusion-icon Font</title>
<style>
body {
background:#fff;
color:#222;
}
h1, div, footer {
font-family:'Helvetica Neue', Arial, sans-serif;
}
h1 {
font-size:18px;
}
.icons {
-webkit-column-count:5;
-moz-column-count:5;
column-count:5;
-webkit-column-gap:20px;
-moz-column-gap:20px;
column-gap:20px;
}
.icons__item,
.icons__item i {
line-height:2em;
cursor:pointer;
}
.icons__item:hover {
color:#800;
}
.icons__item i {
display:inline-block;
width:32px;
text-align:center;
}
.icons__item:hover i {
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5);
}
footer {
margin-top:2em;
font-size:14px;
color:#999;
}
/* =================================================================================================
Table of Contents
----------------------------------------------------------------------------------------------------
01 IcoMoon Font Face Definition
02 IcoMoon Icon Styles
================================================================================================= */
/* IcoMoon Font Face Definition
================================================================================================= */
@font-face {
font-family:"fusion-icon";
src:url("fusion-icon.eot?b76eeb1cce5a1ff686b240bcd21d7e51");
src:url("fusion-icon.eot?#iefix") format("embedded-opentype"),
url("fusion-icon.woff?b76eeb1cce5a1ff686b240bcd21d7e51") format("woff"),
url("fusion-icon.ttf?b76eeb1cce5a1ff686b240bcd21d7e51") format("truetype"),
url("fusion-icon.svg?b76eeb1cce5a1ff686b240bcd21d7e51#fusion-icon") format("svg");
font-weight:normal;
font-style:normal;
}
/* Class overrides
================================================================================================= */
[class^="fusion-icon-"]:before,
[class*=" fusion-icon-"]:before {
font-family:"fusion-icon";
display:inline-block;
vertical-align:middle;
line-height:1;
font-weight:normal;
font-style:normal;
speak:none;
text-decoration:inherit;
text-transform:none;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
/* Icons
================================================================================================= */
.fusion-icon-air:before {
content:"\f101";
}
.fusion-icon-anchor:before {
content:"\f102";
}
.fusion-icon-backarrow:before {
content:"\f103";
}
.fusion-icon-blogger:before {
content:"\f104";
}
.fusion-icon-book:before {
content:"\f105";
}
.fusion-icon-browser:before {
content:"\f106";
}
.fusion-icon-bubbles:before {
content:"\f107";
}
.fusion-icon-camera:before {
content:"\f108";
}
.fusion-icon-check-circle:before {
content:"\f109";
}
.fusion-icon-check-empty:before {
content:"\f10a";
}
.fusion-icon-check-square:before {
content:"\f10b";
}
.fusion-icon-chevron-down:before {
content:"\f10c";
}
.fusion-icon-chevron-left:before {
content:"\f10d";
}
.fusion-icon-chevron-right:before {
content:"\f10e";
}
.fusion-icon-clock:before {
content:"\f10f";
}
.fusion-icon-code:before {
content:"\f110";
}
.fusion-icon-columns:before {
content:"\f111";
}
.fusion-icon-copy:before {
content:"\f112";
}
.fusion-icon-css3:before {
content:"\f113";
}
.fusion-icon-d:before {
content:"\f114";
}
.fusion-icon-deviantart:before {
content:"\f115";
}
.fusion-icon-digg:before {
content:"\f116";
}
.fusion-icon-dollar:before {
content:"\f117";
}
.fusion-icon-download:before {
content:"\f118";
}
.fusion-icon-dribbble:before {
content:"\f119";
}
.fusion-icon-drive:before {
content:"\f11a";
}
.fusion-icon-dropbox:before {
content:"\f11b";
}
.fusion-icon-droplet:before {
content:"\f11c";
}
.fusion-icon-ellipsis:before {
content:"\f11d";
}
.fusion-icon-envelope-o:before {
content:"\f11e";
}
.fusion-icon-equalizer:before {
content:"\f11f";
}
.fusion-icon-exclamation-sign:before {
content:"\f120";
}
.fusion-icon-expand-alt:before {
content:"\f121";
}
.fusion-icon-external-link-square:before {
content:"\f122";
}
.fusion-icon-external-link:before {
content:"\f123";
}
.fusion-icon-facebook:before {
content:"\f124";
}
.fusion-icon-feather:before {
content:"\f125";
}
.fusion-icon-file-add:before {
content:"\f126";
}
.fusion-icon-file-alt:before {
content:"\f127";
}
.fusion-icon-file:before {
content:"\f128";
}
.fusion-icon-film:before {
content:"\f129";
}
.fusion-icon-flag:before {
content:"\f12a";
}
.fusion-icon-flickr:before {
content:"\f12b";
}
.fusion-icon-folder:before {
content:"\f12c";
}
.fusion-icon-font:before {
content:"\f12d";
}
.fusion-icon-footer:before {
content:"\f12e";
}
.fusion-icon-forrst:before {
content:"\f12f";
}
.fusion-icon-forward:before {
content:"\f130";
}
.fusion-icon-forwardarrow:before {
content:"\f131";
}
.fusion-icon-gear:before {
content:"\f132";
}
.fusion-icon-googleplus:before {
content:"\f133";
}
.fusion-icon-h-o:before {
content:"\f134";
}
.fusion-icon-h:before {
content:"\f135";
}
.fusion-icon-hand-up:before {
content:"\f136";
}
.fusion-icon-header:before {
content:"\f137";
}
.fusion-icon-headphones:before {
content:"\f138";
}
.fusion-icon-heart-o:before {
content:"\f139";
}
.fusion-icon-image:before {
content:"\f13a";
}
.fusion-icon-images:before {
content:"\f13b";
}
.fusion-icon-insertpicture:before {
content:"\f13c";
}
.fusion-icon-l:before {
content:"\f13d";
}
.fusion-icon-layers-alt:before {
content:"\f13e";
}
.fusion-icon-left:before {
content:"\f13f";
}
.fusion-icon-link:before {
content:"\f140";
}
.fusion-icon-linkedin:before {
content:"\f141";
}
.fusion-icon-list-alt:before {
content:"\f142";
}
.fusion-icon-list-ul:before {
content:"\f143";
}
.fusion-icon-loop-alt2:before {
content:"\f144";
}
.fusion-icon-loop:before {
content:"\f145";
}
.fusion-icon-man:before {
content:"\f146";
}
.fusion-icon-map:before {
content:"\f147";
}
.fusion-icon-measure:before {
content:"\f148";
}
.fusion-icon-minus:before {
content:"\f149";
}
.fusion-icon-move-horizontal:before {
content:"\f14a";
}
.fusion-icon-myspace:before {
content:"\f14b";
}
.fusion-icon-navicon:before {
content:"\f14c";
}
.fusion-icon-newspaper:before {
content:"\f14d";
}
.fusion-icon-page_title:before {
content:"\f14e";
}
.fusion-icon-paypal:before {
content:"\f14f";
}
.fusion-icon-pen:before {
content:"\f150";
}
.fusion-icon-pin-outline:before {
content:"\f151";
}
.fusion-icon-pinterest:before {
content:"\f152";
}
.fusion-icon-plus:before {
content:"\f153";
}
.fusion-icon-plus2:before {
content:"\f154";
}
.fusion-icon-pointer:before {
content:"\f155";
}
.fusion-icon-polaroid:before {
content:"\f156";
}
.fusion-icon-quotes:before {
content:"\f157";
}
.fusion-icon-reddit:before {
content:"\f158";
}
.fusion-icon-reply:before {
content:"\f159";
}
.fusion-icon-resize:before {
content:"\f15a";
}
.fusion-icon-right:before {
content:"\f15b";
}
.fusion-icon-rss:before {
content:"\f15c";
}
.fusion-icon-search:before {
content:"\f15d";
}
.fusion-icon-share2:before {
content:"\f15e";
}
.fusion-icon-shopping-cart:before {
content:"\f15f";
}
.fusion-icon-sidebar:before {
content:"\f160";
}
.fusion-icon-skype:before {
content:"\f161";
}
.fusion-icon-soundcloud:before {
content:"\f162";
}
.fusion-icon-spinner:before {
content:"\f163";
}
.fusion-icon-stack:before {
content:"\f164";
}
.fusion-icon-star-empty:before {
content:"\f165";
}
.fusion-icon-star:before {
content:"\f166";
}
.fusion-icon-table:before {
content:"\f167";
}
.fusion-icon-tag:before {
content:"\f168";
}
.fusion-icon-tasks:before {
content:"\f169";
}
.fusion-icon-themefusion:before {
content:"\f16a";
}
.fusion-icon-tools:before {
content:"\f16b";
}
.fusion-icon-trash-o:before {
content:"\f16c";
}
.fusion-icon-tumblr:before {
content:"\f16d";
}
.fusion-icon-twitter:before {
content:"\f16e";
}
.fusion-icon-up:before {
content:"\f16f";
}
.fusion-icon-user:before {
content:"\f170";
}
.fusion-icon-users:before {
content:"\f171";
}
.fusion-icon-vimeo:before {
content:"\f172";
}
.fusion-icon-vkontakte:before {
content:"\f173";
}
.fusion-icon-woman:before {
content:"\f174";
}
.fusion-icon-yahoo:before {
content:"\f175";
}
.fusion-icon-youtube:before {
content:"\f176";
}
/* Backwards class compatability
================================================================================================= */
/*.fusion-icon-TFicon {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-bars {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-angle-left {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-search {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-vk {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-check-square-o {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-check-circle-o {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-shopping-cart:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-angle-right:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-angle-up:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-spinner:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-star:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-gear:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-star-o:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-caret-left:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-caret-right:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-grid:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-pen:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-film:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-arrow-left:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-plus:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-minus:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-arrow-down:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-uniE620:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-paypal:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-tumblr:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-googleplus:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-arrow-down2:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-instagram:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-forrst:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-facebook:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-flickr:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-feed:before,*/
/*.fusion-icon-rss:before{*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-twitter:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-vimeo:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-dribbble:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-skype:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-youtube:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-blogger:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-link:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-image:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-images:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-reddit:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-soundcloud:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-quotes-left:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-bubbles:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-headphones:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-deviantart:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-digg:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-mail:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-dropbox:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-linkedin:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-myspace:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-pinterest:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-yahoo:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-list:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-user2:before {*/
/*.fusion-icon-;*/
/*}*/
/*.fusion-icon-user:before {*/
/*.fusion-icon-;*/
/*}*/
</style>
</head>
<body>
<h1>ThemeFusion fusion-icon</h1>
<div class="icons" id="icons">
<div class="icons__item" data-name="air"><i class=" fusion-icon-air"></i> fusion-icon-air</div>
<div class="icons__item" data-name="anchor"><i class=" fusion-icon-anchor"></i> fusion-icon-anchor</div>
<div class="icons__item" data-name="backarrow"><i class=" fusion-icon-backarrow"></i> fusion-icon-backarrow</div>
<div class="icons__item" data-name="blogger"><i class=" fusion-icon-blogger"></i> fusion-icon-blogger</div>
<div class="icons__item" data-name="book"><i class=" fusion-icon-book"></i> fusion-icon-book</div>
<div class="icons__item" data-name="browser"><i class=" fusion-icon-browser"></i> fusion-icon-browser</div>
<div class="icons__item" data-name="bubbles"><i class=" fusion-icon-bubbles"></i> fusion-icon-bubbles</div>
<div class="icons__item" data-name="camera"><i class=" fusion-icon-camera"></i> fusion-icon-camera</div>
<div class="icons__item" data-name="check-circle"><i class=" fusion-icon-check-circle"></i> fusion-icon-check-circle</div>
<div class="icons__item" data-name="check-empty"><i class=" fusion-icon-check-empty"></i> fusion-icon-check-empty</div>
<div class="icons__item" data-name="check-square"><i class=" fusion-icon-check-square"></i> fusion-icon-check-square</div>
<div class="icons__item" data-name="chevron-down"><i class=" fusion-icon-chevron-down"></i> fusion-icon-chevron-down</div>
<div class="icons__item" data-name="chevron-left"><i class=" fusion-icon-chevron-left"></i> fusion-icon-chevron-left</div>
<div class="icons__item" data-name="chevron-right"><i class=" fusion-icon-chevron-right"></i> fusion-icon-chevron-right</div>
<div class="icons__item" data-name="clock"><i class=" fusion-icon-clock"></i> fusion-icon-clock</div>
<div class="icons__item" data-name="code"><i class=" fusion-icon-code"></i> fusion-icon-code</div>
<div class="icons__item" data-name="columns"><i class=" fusion-icon-columns"></i> fusion-icon-columns</div>
<div class="icons__item" data-name="copy"><i class=" fusion-icon-copy"></i> fusion-icon-copy</div>
<div class="icons__item" data-name="css3"><i class=" fusion-icon-css3"></i> fusion-icon-css3</div>
<div class="icons__item" data-name="d"><i class=" fusion-icon-d"></i> fusion-icon-d</div>
<div class="icons__item" data-name="deviantart"><i class=" fusion-icon-deviantart"></i> fusion-icon-deviantart</div>
<div class="icons__item" data-name="digg"><i class=" fusion-icon-digg"></i> fusion-icon-digg</div>
<div class="icons__item" data-name="dollar"><i class=" fusion-icon-dollar"></i> fusion-icon-dollar</div>
<div class="icons__item" data-name="download"><i class=" fusion-icon-download"></i> fusion-icon-download</div>
<div class="icons__item" data-name="dribbble"><i class=" fusion-icon-dribbble"></i> fusion-icon-dribbble</div>
<div class="icons__item" data-name="drive"><i class=" fusion-icon-drive"></i> fusion-icon-drive</div>
<div class="icons__item" data-name="dropbox"><i class=" fusion-icon-dropbox"></i> fusion-icon-dropbox</div>
<div class="icons__item" data-name="droplet"><i class=" fusion-icon-droplet"></i> fusion-icon-droplet</div>
<div class="icons__item" data-name="ellipsis"><i class=" fusion-icon-ellipsis"></i> fusion-icon-ellipsis</div>
<div class="icons__item" data-name="envelope-o"><i class=" fusion-icon-envelope-o"></i> fusion-icon-envelope-o</div>
<div class="icons__item" data-name="equalizer"><i class=" fusion-icon-equalizer"></i> fusion-icon-equalizer</div>
<div class="icons__item" data-name="exclamation-sign"><i class=" fusion-icon-exclamation-sign"></i> fusion-icon-exclamation-sign</div>
<div class="icons__item" data-name="expand-alt"><i class=" fusion-icon-expand-alt"></i> fusion-icon-expand-alt</div>
<div class="icons__item" data-name="external-link-square"><i class=" fusion-icon-external-link-square"></i> fusion-icon-external-link-square</div>
<div class="icons__item" data-name="external-link"><i class=" fusion-icon-external-link"></i> fusion-icon-external-link</div>
<div class="icons__item" data-name="facebook"><i class=" fusion-icon-facebook"></i> fusion-icon-facebook</div>
<div class="icons__item" data-name="feather"><i class=" fusion-icon-feather"></i> fusion-icon-feather</div>
<div class="icons__item" data-name="file-add"><i class=" fusion-icon-file-add"></i> fusion-icon-file-add</div>
<div class="icons__item" data-name="file-alt"><i class=" fusion-icon-file-alt"></i> fusion-icon-file-alt</div>
<div class="icons__item" data-name="file"><i class=" fusion-icon-file"></i> fusion-icon-file</div>
<div class="icons__item" data-name="film"><i class=" fusion-icon-film"></i> fusion-icon-film</div>
<div class="icons__item" data-name="flag"><i class=" fusion-icon-flag"></i> fusion-icon-flag</div>
<div class="icons__item" data-name="flickr"><i class=" fusion-icon-flickr"></i> fusion-icon-flickr</div>
<div class="icons__item" data-name="folder"><i class=" fusion-icon-folder"></i> fusion-icon-folder</div>
<div class="icons__item" data-name="font"><i class=" fusion-icon-font"></i> fusion-icon-font</div>
<div class="icons__item" data-name="footer"><i class=" fusion-icon-footer"></i> fusion-icon-footer</div>
<div class="icons__item" data-name="forrst"><i class=" fusion-icon-forrst"></i> fusion-icon-forrst</div>
<div class="icons__item" data-name="forward"><i class=" fusion-icon-forward"></i> fusion-icon-forward</div>
<div class="icons__item" data-name="forwardarrow"><i class=" fusion-icon-forwardarrow"></i> fusion-icon-forwardarrow</div>
<div class="icons__item" data-name="gear"><i class=" fusion-icon-gear"></i> fusion-icon-gear</div>
<div class="icons__item" data-name="googleplus"><i class=" fusion-icon-googleplus"></i> fusion-icon-googleplus</div>
<div class="icons__item" data-name="h-o"><i class=" fusion-icon-h-o"></i> fusion-icon-h-o</div>
<div class="icons__item" data-name="h"><i class=" fusion-icon-h"></i> fusion-icon-h</div>
<div class="icons__item" data-name="hand-up"><i class=" fusion-icon-hand-up"></i> fusion-icon-hand-up</div>
<div class="icons__item" data-name="header"><i class=" fusion-icon-header"></i> fusion-icon-header</div>
<div class="icons__item" data-name="headphones"><i class=" fusion-icon-headphones"></i> fusion-icon-headphones</div>
<div class="icons__item" data-name="heart-o"><i class=" fusion-icon-heart-o"></i> fusion-icon-heart-o</div>
<div class="icons__item" data-name="image"><i class=" fusion-icon-image"></i> fusion-icon-image</div>
<div class="icons__item" data-name="images"><i class=" fusion-icon-images"></i> fusion-icon-images</div>
<div class="icons__item" data-name="insertpicture"><i class=" fusion-icon-insertpicture"></i> fusion-icon-insertpicture</div>
<div class="icons__item" data-name="l"><i class=" fusion-icon-l"></i> fusion-icon-l</div>
<div class="icons__item" data-name="layers-alt"><i class=" fusion-icon-layers-alt"></i> fusion-icon-layers-alt</div>
<div class="icons__item" data-name="left"><i class=" fusion-icon-left"></i> fusion-icon-left</div>
<div class="icons__item" data-name="link"><i class=" fusion-icon-link"></i> fusion-icon-link</div>
<div class="icons__item" data-name="linkedin"><i class=" fusion-icon-linkedin"></i> fusion-icon-linkedin</div>
<div class="icons__item" data-name="list-alt"><i class=" fusion-icon-list-alt"></i> fusion-icon-list-alt</div>
<div class="icons__item" data-name="list-ul"><i class=" fusion-icon-list-ul"></i> fusion-icon-list-ul</div>
<div class="icons__item" data-name="loop-alt2"><i class=" fusion-icon-loop-alt2"></i> fusion-icon-loop-alt2</div>
<div class="icons__item" data-name="loop"><i class=" fusion-icon-loop"></i> fusion-icon-loop</div>
<div class="icons__item" data-name="man"><i class=" fusion-icon-man"></i> fusion-icon-man</div>
<div class="icons__item" data-name="map"><i class=" fusion-icon-map"></i> fusion-icon-map</div>
<div class="icons__item" data-name="measure"><i class=" fusion-icon-measure"></i> fusion-icon-measure</div>
<div class="icons__item" data-name="minus"><i class=" fusion-icon-minus"></i> fusion-icon-minus</div>
<div class="icons__item" data-name="move-horizontal"><i class=" fusion-icon-move-horizontal"></i> fusion-icon-move-horizontal</div>
<div class="icons__item" data-name="myspace"><i class=" fusion-icon-myspace"></i> fusion-icon-myspace</div>
<div class="icons__item" data-name="navicon"><i class=" fusion-icon-navicon"></i> fusion-icon-navicon</div>
<div class="icons__item" data-name="newspaper"><i class=" fusion-icon-newspaper"></i> fusion-icon-newspaper</div>
<div class="icons__item" data-name="page_title"><i class=" fusion-icon-page_title"></i> fusion-icon-page_title</div>
<div class="icons__item" data-name="paypal"><i class=" fusion-icon-paypal"></i> fusion-icon-paypal</div>
<div class="icons__item" data-name="pen"><i class=" fusion-icon-pen"></i> fusion-icon-pen</div>
<div class="icons__item" data-name="pin-outline"><i class=" fusion-icon-pin-outline"></i> fusion-icon-pin-outline</div>
<div class="icons__item" data-name="pinterest"><i class=" fusion-icon-pinterest"></i> fusion-icon-pinterest</div>
<div class="icons__item" data-name="plus"><i class=" fusion-icon-plus"></i> fusion-icon-plus</div>
<div class="icons__item" data-name="plus2"><i class=" fusion-icon-plus2"></i> fusion-icon-plus2</div>
<div class="icons__item" data-name="pointer"><i class=" fusion-icon-pointer"></i> fusion-icon-pointer</div>
<div class="icons__item" data-name="polaroid"><i class=" fusion-icon-polaroid"></i> fusion-icon-polaroid</div>
<div class="icons__item" data-name="quotes"><i class=" fusion-icon-quotes"></i> fusion-icon-quotes</div>
<div class="icons__item" data-name="reddit"><i class=" fusion-icon-reddit"></i> fusion-icon-reddit</div>
<div class="icons__item" data-name="reply"><i class=" fusion-icon-reply"></i> fusion-icon-reply</div>
<div class="icons__item" data-name="resize"><i class=" fusion-icon-resize"></i> fusion-icon-resize</div>
<div class="icons__item" data-name="right"><i class=" fusion-icon-right"></i> fusion-icon-right</div>
<div class="icons__item" data-name="rss"><i class=" fusion-icon-rss"></i> fusion-icon-rss</div>
<div class="icons__item" data-name="search"><i class=" fusion-icon-search"></i> fusion-icon-search</div>
<div class="icons__item" data-name="share2"><i class=" fusion-icon-share2"></i> fusion-icon-share2</div>
<div class="icons__item" data-name="shopping-cart"><i class=" fusion-icon-shopping-cart"></i> fusion-icon-shopping-cart</div>
<div class="icons__item" data-name="sidebar"><i class=" fusion-icon-sidebar"></i> fusion-icon-sidebar</div>
<div class="icons__item" data-name="skype"><i class=" fusion-icon-skype"></i> fusion-icon-skype</div>
<div class="icons__item" data-name="soundcloud"><i class=" fusion-icon-soundcloud"></i> fusion-icon-soundcloud</div>
<div class="icons__item" data-name="spinner"><i class=" fusion-icon-spinner"></i> fusion-icon-spinner</div>
<div class="icons__item" data-name="stack"><i class=" fusion-icon-stack"></i> fusion-icon-stack</div>
<div class="icons__item" data-name="star-empty"><i class=" fusion-icon-star-empty"></i> fusion-icon-star-empty</div>
<div class="icons__item" data-name="star"><i class=" fusion-icon-star"></i> fusion-icon-star</div>
<div class="icons__item" data-name="table"><i class=" fusion-icon-table"></i> fusion-icon-table</div>
<div class="icons__item" data-name="tag"><i class=" fusion-icon-tag"></i> fusion-icon-tag</div>
<div class="icons__item" data-name="tasks"><i class=" fusion-icon-tasks"></i> fusion-icon-tasks</div>
<div class="icons__item" data-name="themefusion"><i class=" fusion-icon-themefusion"></i> fusion-icon-themefusion</div>
<div class="icons__item" data-name="tools"><i class=" fusion-icon-tools"></i> fusion-icon-tools</div>
<div class="icons__item" data-name="trash-o"><i class=" fusion-icon-trash-o"></i> fusion-icon-trash-o</div>
<div class="icons__item" data-name="tumblr"><i class=" fusion-icon-tumblr"></i> fusion-icon-tumblr</div>
<div class="icons__item" data-name="twitter"><i class=" fusion-icon-twitter"></i> fusion-icon-twitter</div>
<div class="icons__item" data-name="up"><i class=" fusion-icon-up"></i> fusion-icon-up</div>
<div class="icons__item" data-name="user"><i class=" fusion-icon-user"></i> fusion-icon-user</div>
<div class="icons__item" data-name="users"><i class=" fusion-icon-users"></i> fusion-icon-users</div>
<div class="icons__item" data-name="vimeo"><i class=" fusion-icon-vimeo"></i> fusion-icon-vimeo</div>
<div class="icons__item" data-name="vkontakte"><i class=" fusion-icon-vkontakte"></i> fusion-icon-vkontakte</div>
<div class="icons__item" data-name="woman"><i class=" fusion-icon-woman"></i> fusion-icon-woman</div>
<div class="icons__item" data-name="yahoo"><i class=" fusion-icon-yahoo"></i> fusion-icon-yahoo</div>
<div class="icons__item" data-name="youtube"><i class=" fusion-icon-youtube"></i> fusion-icon-youtube</div>
</div>
<h1>Usage</h1>
<pre><code><i class="fusion-icon-<span id="name">name</span>"></i></code></pre>
<div style="display:none">
$fusionIcon = array('air','anchor','backarrow','blogger','book','browser','bubbles','camera','check-circle','check-empty','check-square','chevron-down','chevron-left','chevron-right','clock','code','columns','copy','css3','d','deviantart','digg','dollar','download','dribbble','drive','dropbox','droplet','ellipsis','envelope-o','equalizer','exclamation-sign','expand-alt','external-link-square','external-link','facebook','feather','file-add','file-alt','file','film','flag','flickr','folder','font','footer','forrst','forward','forwardarrow','gear','googleplus','h-o','h','hand-up','header','headphones','heart-o','image','images','insertpicture','l','layers-alt','left','link','linkedin','list-alt','list-ul','loop-alt2','loop','man','map','measure','minus','move-horizontal','myspace','navicon','newspaper','page_title','paypal','pen','pin-outline','pinterest','plus','plus2','pointer','polaroid','quotes','reddit','reply','resize','right','rss','search','share2','shopping-cart','sidebar','skype','soundcloud','spinner','stack','star-empty','star','table','tag','tasks','themefusion','tools','trash-o','tumblr','twitter','up','user','users','vimeo','vkontakte','woman','yahoo','youtube',);
</div>
<footer></footer>
<script>
(function() {
document.getElementById('icons').onclick = function(e) {
e = e || window.event;
document.getElementById('name').innerHTML = e.target.getAttribute('data-name') || e.target.parentNode.getAttribute('data-name');
}
})();
</script>
</body>
</html>