Icons
Just copy and paste the code for the icon you want to use, then customize your icons to be any size, color or style with CSS.
-
<i class="fi-heart"></i> -
<i class="fi-star"></i> -
<i class="fi-plus"></i> -
<i class="fi-minus"></i> -
<i class="fi-x"></i> -
<i class="fi-check"></i> -
<i class="fi-upload"></i> -
<i class="fi-download"></i> -
<i class="fi-widget"></i> -
<i class="fi-marker"></i> -
<i class="fi-refresh"></i> -
<i class="fi-home"></i> -
<i class="fi-trash"></i> -
<i class="fi-lock"></i> -
<i class="fi-unlock"></i> -
<i class="fi-calendar"></i> -
<i class="fi-cloud"></i> -
<i class="fi-magnifying-glass"></i> -
<i class="fi-zoom-out"></i> -
<i class="fi-zoom-in"></i> -
<i class="fi-wrench"></i> -
<i class="fi-rss"></i> -
<i class="fi-share"></i> -
<i class="fi-flag"></i> -
<i class="fi-list-thumbnails"></i> -
<i class="fi-list"></i> -
<i class="fi-thumbnails"></i> -
<i class="fi-annotate"></i> -
<i class="fi-folder"></i> -
<i class="fi-folder-lock"></i> -
<i class="fi-folder-add"></i> -
<i class="fi-clock"></i> -
<i class="fi-play-video"></i> -
<i class="fi-crop"></i> -
<i class="fi-archive"></i> -
<i class="fi-pencil"></i> -
<i class="fi-graph-trend"></i> -
<i class="fi-graph-bar"></i> -
<i class="fi-graph-horizontal"></i> -
<i class="fi-graph-pie"></i> -
<i class="fi-checkbox"></i> -
<i class="fi-minus-circle"></i> -
<i class="fi-x-circle"></i> -
<i class="fi-eye"></i> -
<i class="fi-database"></i> -
<i class="fi-results"></i> -
<i class="fi-results-demographics"></i> -
<i class="fi-like"></i> -
<i class="fi-dislike"></i> -
<i class="fi-upload-cloud"></i> -
<i class="fi-camera"></i> -
<i class="fi-alert"></i> -
<i class="fi-bookmark"></i> -
<i class="fi-mail"></i> -
<i class="fi-contrast"></i> -
<i class="fi-upload-cloud"></i> -
<i class="fi-camera"></i> -
<i class="fi-alert"></i> -
<i class="fi-bookmark"></i> -
<i class="fi-contrast"></i> -
<i class="fi-mail"></i> -
<i class="fi-video"></i> -
<i class="fi-telephone"></i> -
<i class="fi-comment"></i> -
<i class="fi-comment-video"></i> -
<i class="fi-comment-quotes"></i> -
<i class="fi-comment-video"></i> -
<i class="fi-comment-quotes"></i> -
<i class="fi-comments"></i> -
<i class="fi-microphone"></i> -
<i class="fi-megaphone"></i> -
<i class="fi-sound"></i> -
<i class="fi-address-book"></i> -
<i class="fi-bluetooth"></i> -
<i class="fi-html5"></i> -
<i class="fi-css3"></i> -
<i class="fi-layout"></i> -
<i class="fi-web"></i> -
<i class="fi-foundation"></i> -
<i class="fi-paperclip"></i>
Page Icons
-
<i class="fi-page"></i> -
<i class="fi-page-csv"></i> -
<i class="fi-page-doc"></i> -
<i class="fi-page-pdf"></i> -
<i class="fi-page-export"></i> -
<i class="fi-page-export-csv"></i> -
<i class="fi-page-export-doc"></i> -
<i class="fi-page-export-pdf"></i> -
<i class="fi-page-add"></i> -
<i class="fi-page-remove"></i> -
<i class="fi-page-delete"></i> -
<i class="fi-page-edit"></i> -
<i class="fi-page-search"></i> -
<i class="fi-page-copy"></i> -
<i class="fi-page-filled"></i> -
<i class="fi-page-multiple"></i>
Arrow Icons
-
<i class="fi-arrow-up"></i> -
<i class="fi-arrow-right"></i> -
<i class="fi-arrow-down"></i> -
<i class="fi-arrow-left"></i> -
<i class="fi-arrows-out"></i> -
<i class="fi-arrows-in"></i> -
<i class="fi-arrows-expand"></i> -
<i class="fi-arrows-compress"></i>
People Icons
-
<i class="fi-torso"></i> -
<i class="fi-torso-female"></i> -
<i class="fi-torsos"></i> -
<i class="fi-torsos-female-male"></i> -
<i class="fi-torsos-male-female"></i> -
<i class="fi-torsos-all"></i> -
<i class="fi-torsos-all-female"></i> -
<i class="fi-torso-business"></i>
Device Icons
-
<i class="fi-monitor"></i> -
<i class="fi-laptop"></i> -
<i class="fi-tablet-portrait"></i> -
<i class="fi-tablet-landscape"></i> -
<i class="fi-mobile"></i> -
<i class="fi-mobile-signal"></i> -
<i class="fi-usb"></i>
Text Editor Icons
-
<i class="fi-bold"></i> -
<i class="fi-italic"></i> -
<i class="fi-strike"></i> -
<i class="fi-text-color"></i> -
<i class="fi-background-color"></i> -
<i class="fi-superscript"></i> -
<i class="fi-subscript"></i> -
<i class="fi-align-left"></i> -
<i class="fi-align-center"></i> -
<i class="fi-align-right"></i> -
<i class="fi-align-justify"></i> -
<i class="fi-list-numbered"></i> -
<i class="fi-list-bullet"></i> -
<i class="fi-indent-more"></i> -
<i class="fi-indent-less"></i> -
<i class="fi-print"></i> -
<i class="fi-save"></i> -
<i class="fi-photo"></i> -
<i class="fi-filter"></i> -
<i class="fi-paint-bucket"></i> -
<i class="fi-link"></i> -
<i class="fi-unlink"></i> -
<i class="fi-quote"></i>
Media Control Icons
-
<i class="fi-play"></i> -
<i class="fi-stop"></i> -
<i class="fi-pause"></i> -
<i class="fi-previous"></i> -
<i class="fi-rewind"></i> -
<i class="fi-fast-forward"></i> -
<i class="fi-next"></i> -
<i class="fi-record"></i> -
<i class="fi-play-circle"></i> -
<i class="fi-volume-none"></i> -
<i class="fi-volume"></i> -
<i class="fi-volume-strike"></i> -
<i class="fi-loop"></i> -
<i class="fi-shuffle"></i> -
<i class="fi-eject"></i> -
<i class="fi-rewind-ten"></i>
Ecommerce Icons
-
<i class="fi-dollar"></i> -
<i class="fi-euro"></i> -
<i class="fi-pound"></i> -
<i class="fi-yen"></i> -
<i class="fi-bitcoin"></i> -
<i class="fi-bitcoin-circle"></i> -
<i class="fi-credit-card"></i> -
<i class="fi-shopping-cart"></i> -
<i class="fi-burst"></i> -
<i class="fi-burst-new"></i> -
<i class="fi-burst-sale"></i> -
<i class="fi-paypal"></i> -
<i class="fi-price-tag"></i> -
<i class="fi-pricetag-multiple"></i> -
<i class="fi-shopping-bag"></i> -
<i class="fi-dollar-bill"></i>
Accessibility Icons
-
<i class="fi-wheelchair"></i> -
<i class="fi-braille"></i> -
<i class="fi-closed-caption"></i> -
<i class="fi-blind"></i> -
<i class="fi-asl"></i> -
<i class="fi-hearing-aid"></i> -
<i class="fi-guide-dog"></i> -
<i class="fi-universal-access"></i> -
<i class="fi-telephone-accessible"></i> -
<i class="fi-elevator"></i> -
<i class="fi-male"></i> -
<i class="fi-female"></i> -
<i class="fi-male-female"></i> -
<i class="fi-male-symbol"></i> -
<i class="fi-female-symbol"></i>
Social & Brand Icons
-
<i class="fi-social-500px"></i> -
<i class="fi-social-adobe"></i> -
<i class="fi-social-amazon"></i> -
<i class="fi-social-android"></i> -
<i class="fi-social-apple"></i> -
<i class="fi-social-behance"></i> -
<i class="fi-social-bing"></i> -
<i class="fi-social-blogger"></i> -
<i class="fi-social-delicious"></i> -
<i class="fi-social-designer-news"></i> -
<i class="fi-social-deviant-art"></i> -
<i class="fi-social-digg"></i> -
<i class="fi-social-dribbble"></i> -
<i class="fi-social-drive"></i> -
<i class="fi-social-dropbox"></i> -
<i class="fi-social-evernote"></i> -
<i class="fi-social-facebook"></i> -
<i class="fi-social-flickr"></i> -
<i class="fi-social-forrst"></i> -
<i class="fi-social-foursquare"></i> -
<i class="fi-social-game-center"></i> -
<i class="fi-social-github"></i> -
<i class="fi-social-google-plus"></i> -
<i class="fi-social-hacker-news"></i> -
<i class="fi-social-hi5"></i> -
<i class="fi-social-instagram"></i> -
<i class="fi-social-joomla"></i> -
<i class="fi-social-lastfm"></i> -
<i class="fi-social-linkedin"></i> -
<i class="fi-social-medium"></i> -
<i class="fi-social-myspace"></i> -
<i class="fi-social-orkut"></i> -
<i class="fi-social-path"></i> -
<i class="fi-social-picasa"></i> -
<i class="fi-social-pinterest"></i> -
<i class="fi-social-rdio"></i> -
<i class="fi-social-reddit"></i> -
<i class="fi-social-skype"></i> -
<i class="fi-social-skillshare"></i> -
<i class="fi-social-smashing-mag"></i> -
<i class="fi-social-snapchat"></i> -
<i class="fi-social-spotify"></i> -
<i class="fi-social-squidoo"></i> -
<i class="fi-social-stack-overflow"></i> -
<i class="fi-social-steam"></i> -
<i class="fi-social-stumbleupon"></i> -
<i class="fi-social-treehouse"></i> -
<i class="fi-social-tumblr"></i> -
<i class="fi-social-twitter"></i> -
<i class="fi-social-vimeo"></i> -
<i class="fi-social-windows"></i> -
<i class="fi-social-xbox"></i> -
<i class="fi-social-yahoo"></i> -
<i class="fi-social-yelp"></i> -
<i class="fi-social-youtube"></i> -
<i class="fi-social-zerply"></i> -
<i class="fi-social-zurb"></i>
Miscellaneous Icons
-
<i class="fi-compass"></i> -
<i class="fi-music"></i> -
<i class="fi-lightbulb"></i> -
<i class="fi-battery-full"></i> -
<i class="fi-battery-half"></i> -
<i class="fi-battery-empty"></i> -
<i class="fi-projection-screen"></i> -
<i class="fi-info"></i> -
<i class="fi-power"></i> -
<i class="fi-asterisk"></i> -
<i class="fi-at-sign"></i> -
<i class="fi-key"></i> -
<i class="fi-ticket"></i> -
<i class="fi-book"></i> -
<i class="fi-book-bookmark"></i> -
<i class="fi-anchor"></i> -
<i class="fi-puzzle"></i> -
<i class="fi-foot"></i> -
<i class="fi-paw"></i> -
<i class="fi-mountains"></i> -
<i class="fi-trees"></i> -
<i class="fi-sheriff-badge"></i> -
<i class="fi-first-aid"></i> -
<i class="fi-trophy"></i> -
<i class="fi-no-dogs"></i> -
<i class="fi-no-smoking"></i> -
<i class="fi-safety-cone"></i> -
<i class="fi-shield"></i> -
<i class="fi-crown"></i> -
<i class="fi-target"></i> -
<i class="fi-target-two"></i> -
<i class="fi-die-one"></i> -
<i class="fi-die-two"></i> -
<i class="fi-die-three"></i> -
<i class="fi-die-four"></i> -
<i class="fi-die-five"></i> -
<i class="fi-die-six"></i> -
<i class="fi-skull"></i> -
<i class="fi-map"></i> -
<i class="fi-clipboard"></i> -
<i class="fi-clipboard-pencil"></i> -
<i class="fi-clipboard-notes"></i>