Please wait...

Components Icons

Icon size
<i class="fa fa-user icon-default"></i>
<i class="fa fa-user icon-default fa-1x"></i>
<i class="fa fa-user icon-default fa-2x"></i>
<i class="fa fa-user icon-default fa-3x"></i>
<i class="fa fa-user icon-default fa-4x"></i>
<i class="fa fa-user icon-default fa-5x"></i>
<i class="fa fa-user icon-default fa-6x"></i>
<i class="fa fa-user icon-default fa-7x"></i>
<i class="fa fa-user icon-default fa-8x"></i>
<i class="fa fa-user icon-default fa-9x"></i>
Icon circle
<i class="fa fa-shopping-bag icon-circle"></i>
<i class="fa fa-wrench icon-circle fa-2x"></i>
<i class="fa fa-trophy icon-circle fa-3x"></i>
<i class="fa fa-pie-chart icon-circle fa-4x"></i>
<i class="fa fa-cogs icon-circle fa-5x"></i>
<i class="fa fa-flask icon-circle fa-6x"></i>
<i class="fa fa-laptop icon-circle fa-7x"></i>
<i class="fa fa-pencil icon-circle fa-8x"></i>
<i class="fa fa-tablet icon-circle fa-9x"></i>
icon circle stroke
<i class="fa fa-shopping-bag icon-circle icon-stroke"></i>
<i class="fa fa-wrench icon-circle icon-stroke fa-2x"></i>
<i class="fa fa-trophy icon-circle icon-stroke fa-3x"></i>
<i class="fa fa-pie-chart icon-circle icon-stroke fa-4x"></i>
<i class="fa fa-cogs icon-circle icon-stroke fa-5x"></i>
<i class="fa fa-flask icon-circle icon-stroke fa-6x"></i>
<i class="fa fa-laptop icon-circle icon-stroke fa-7x"></i>
<i class="fa fa-pencil icon-circle icon-stroke fa-8x"></i>
<i class="fa fa-tablet icon-circle icon-stroke fa-9x"></i>
Icon rectangle
<i class="fa fa-shopping-bag icon-rectangle"></i>
<i class="fa fa-wrench icon-rectangle fa-2x"></i>
<i class="fa fa-trophy icon-rectangle fa-3x"></i>
<i class="fa fa-pie-chart icon-rectangle fa-4x"></i>
<i class="fa fa-cogs icon-rectangle fa-5x"></i>
<i class="fa fa-flask icon-rectangle fa-6x"></i>
<i class="fa fa-laptop icon-rectangle fa-7x"></i>
<i class="fa fa-pencil icon-rectangle fa-8x"></i>
<i class="fa fa-tablet icon-rectangle fa-9x"></i>
Icon rectangle stroke
<i class="fa fa-shopping-bag icon-rectangle icon-stroke"></i>
<i class="fa fa-wrench icon-rectangle icon-stroke fa-2x"></i>
<i class="fa fa-trophy icon-rectangle icon-stroke fa-3x"></i>
<i class="fa fa-pie-chart icon-rectangle icon-stroke fa-4x"></i>
<i class="fa fa-cogs icon-rectangle icon-stroke fa-5x"></i>
<i class="fa fa-flask icon-rectangle icon-stroke fa-6x"></i>
<i class="fa fa-laptop icon-rectangle icon-stroke fa-7x"></i>
<i class="fa fa-pencil icon-rectangle icon-stroke fa-8x"></i>
<i class="fa fa-tablet icon-rectangle icon-stroke fa-9x"></i>
Icon with color
<i class="fa fa-trophy icon-circle fa-3x"></i>
<i class="fa fa-rocket icon-rectangle fa-3x icon-primary"></i>
<i class="fa fa-shopping-bag icon-circle fa-3x icon-buttercup"></i>
<i class="fa fa-comments icon-rectangle fa-3x icon-jaffa"></i>
<i class="fa fa-laptop icon-circle fa-3x icon-mandy"></i>
<i class="fa fa-flask icon-rectangle fa-3x icon-fiord"></i>
<i class="fa fa-tablet icon-circle fa-3x icon-picton"></i>
<i class="fa fa-wrench icon-rectangle fa-3x icon-mantis"></i>
<i class="fa fa-cogs icon-circle fa-3x icon-turquoise"></i>
<i class="fa fa-pencil icon-rectangle fa-3x icon-gold"></i>
<i class="fa fa-gift icon-circle fa-3x icon-kimberly"></i>
<i class="fa fa-pie-chart icon-rectangle fa-3x icon-christine"></i>
<i class="fa fa-commenting icon-circle fa-3x icon-neptune"></i>
<i class="fa fa-camera icon-rectangle fa-3x icon-amaranth"></i>
<i class="fa fa-cloud-upload icon-circle fa-3x icon-sunflower"></i>
<i class="fa fa-cloud-download icon-rectangle fa-3x icon-viridian"></i>
<i class="fa fa-film icon-circle fa-3x icon-cinnabar"></i>
<i class="fa fa-leaf icon-rectangle fa-3x icon-cadillac"></i>
<i class="fa fa-paper-plane icon-circle fa-3x icon-eastern"></i>
<i class="fa fa-print icon-rectangle fa-3x icon-golden"></i>
<i class="fa fa-truck icon-circle fa-3x icon-wedgewood"></i>
<i class="fa fa-desktop icon-rectangle fa-3x icon-thunderbird"></i>
<i class="fa fa-envelope-open icon-circle fa-3x icon-apple"></i>
<i class="fa fa-exclamation-triangle icon-rectangle fa-3x icon-potters"></i>
<i class="fa fa-headphones icon-circle fa-3x icon-viola"></i>
<i class="fa fa-pencil icon-rectangle fa-3x icon-azure"></i>
<i class="fa fa-image icon-circle fa-3x icon-stiletto"></i>
<i class="fa fa-home icon-rectangle fa-3x icon-meadow"></i>
<i class="fa fa-plane icon-circle fa-3x icon-tussock"></i>
<i class="fa fa-shopping-basket icon-rectangle fa-3x icon-serria"></i>
<i class="fa fa-tags icon-circle fa-3x icon-steel"></i>
<i class="fa fa-video-camera icon-rectangle fa-3x icon-brandy"></i>
<i class="fa fa-magic icon-circle fa-3x icon-spruce"></i>
<i class="fa fa-area-chart icon-rectangle fa-3x icon-saddle"></i>
<i class="fa fa-camera-retro icon-circle fa-3x icon-mahogany"></i>
<i class="fa fa-bar-chart icon-rectangle fa-3x icon-froly"></i>
<i class="fa fa-exclamation-circle icon-circle fa-3x icon-lemon"></i>
<i class="fa fa-flag icon-rectangle fa-3x icon-berry"></i>
<i class="fa fa-folder icon-circle fa-3x icon-crimson"></i>
<i class="fa fa-file-text icon-rectangle fa-3x icon-deyork"></i>
<i class="fa fa-quote-right icon-circle fa-3x icon-sunshade"></i>
<i class="fa fa-quote-left icon-rectangle fa-3x icon-chestnut"></i>
<i class="fa fa-rss icon-circle fa-3x icon-paradiso"></i>
<i class="fa fa-share icon-rectangle fa-3x icon-lavender"></i>
<i class="fa fa-sliders icon-circle fa-3x icon-olive"></i>
<i class="fa fa-signal icon-rectangle fa-3x icon-nutmeg"></i>
<i class="fa fa-tachometer icon-circle fa-3x icon-yonder"></i>
<i class="fa fa-suitcase icon-rectangle fa-3x icon-nandor"></i>
<i class="fa fa-magnet icon-circle fa-3x icon-desert"></i>
<i class="fa fa-music icon-rectangle fa-3x icon-downy"></i>	
Icon stroke with color
<i class="fa fa-trophy icon-circle icon-stroke fa-3x"></i>
<i class="fa fa-rocket icon-rectangle icon-stroke fa-3x icon-primary"></i>
<i class="fa fa-shopping-bag icon-circle icon-stroke fa-3x icon-buttercup"></i>
<i class="fa fa-comments icon-rectangle icon-stroke fa-3x icon-jaffa"></i>
<i class="fa fa-laptop icon-circle icon-stroke fa-3x icon-mandy"></i>
<i class="fa fa-flask icon-rectangle icon-stroke fa-3x icon-fiord"></i>
<i class="fa fa-tablet icon-circle icon-stroke fa-3x icon-picton"></i>
<i class="fa fa-wrench icon-rectangle icon-stroke fa-3x icon-mantis"></i>
<i class="fa fa-cogs icon-circle icon-stroke fa-3x icon-turquoise"></i>
<i class="fa fa-pencil icon-rectangle icon-stroke fa-3x icon-gold"></i>
<i class="fa fa-gift icon-circle icon-stroke fa-3x icon-kimberly"></i>
<i class="fa fa-pie-chart icon-rectangle icon-stroke fa-3x icon-christine"></i>
<i class="fa fa-commenting icon-circle icon-stroke fa-3x icon-neptune"></i>
<i class="fa fa-camera icon-rectangle icon-stroke fa-3x icon-amaranth"></i>
<i class="fa fa-cloud-upload icon-circle icon-stroke fa-3x icon-sunflower"></i>
<i class="fa fa-cloud-download icon-rectangle icon-stroke fa-3x icon-viridian"></i>
<i class="fa fa-film icon-circle icon-stroke fa-3x icon-cinnabar"></i>
<i class="fa fa-leaf icon-rectangle icon-stroke fa-3x icon-cadillac"></i>
<i class="fa fa-paper-plane icon-circle icon-stroke fa-3x icon-eastern"></i>
<i class="fa fa-print icon-rectangle icon-stroke fa-3x icon-golden"></i>
<i class="fa fa-truck icon-circle icon-stroke fa-3x icon-wedgewood"></i>
<i class="fa fa-desktop icon-rectangle icon-stroke fa-3x icon-thunderbird"></i>
<i class="fa fa-envelope-open icon-circle icon-stroke fa-3x icon-apple"></i>
<i class="fa fa-exclamation-triangle icon-rectangle icon-stroke fa-3x icon-potters"></i>
<i class="fa fa-headphones icon-circle icon-stroke fa-3x icon-viola"></i>
<i class="fa fa-pencil icon-rectangle icon-stroke fa-3x icon-azure"></i>
<i class="fa fa-image icon-circle icon-stroke fa-3x icon-stiletto"></i>
<i class="fa fa-home icon-rectangle icon-stroke fa-3x icon-meadow"></i>
<i class="fa fa-plane icon-circle icon-stroke fa-3x icon-tussock"></i>
<i class="fa fa-shopping-basket icon-rectangle icon-stroke fa-3x icon-serria"></i>
<i class="fa fa-tags icon-circle icon-stroke fa-3x icon-steel"></i>
<i class="fa fa-video-camera icon-rectangle icon-stroke fa-3x icon-brandy"></i>
<i class="fa fa-magic icon-circle icon-stroke fa-3x icon-spruce"></i>
<i class="fa fa-area-chart icon-rectangle icon-stroke fa-3x icon-saddle"></i>
<i class="fa fa-camera-retro icon-circle icon-stroke fa-3x icon-mahogany"></i>
<i class="fa fa-bar-chart icon-rectangle icon-stroke fa-3x icon-froly"></i>
<i class="fa fa-exclamation-circle icon-circle icon-stroke fa-3x icon-lemon"></i>
<i class="fa fa-flag icon-rectangle icon-stroke fa-3x icon-berry"></i>
<i class="fa fa-folder icon-circle icon-stroke fa-3x icon-crimson"></i>
<i class="fa fa-file-text icon-rectangle icon-stroke fa-3x icon-deyork"></i>
<i class="fa fa-quote-right icon-circle icon-stroke fa-3x icon-sunshade"></i>
<i class="fa fa-quote-left icon-rectangle icon-stroke fa-3x icon-chestnut"></i>
<i class="fa fa-rss icon-circle icon-stroke fa-3x icon-paradiso"></i>
<i class="fa fa-share icon-rectangle icon-stroke fa-3x icon-lavender"></i>
<i class="fa fa-sliders icon-circle icon-stroke fa-3x icon-olive"></i>
<i class="fa fa-signal icon-rectangle icon-stroke fa-3x icon-nutmeg"></i>
<i class="fa fa-tachometer icon-circle icon-stroke fa-3x icon-yonder"></i>
<i class="fa fa-suitcase icon-rectangle icon-stroke fa-3x icon-nandor"></i>
<i class="fa fa-magnet icon-circle icon-stroke fa-3x icon-desert"></i>
<i class="fa fa-music icon-rectangle icon-stroke fa-3x icon-downy"></i>