Style Switcher
Theme Colors
Header Color
support@ecada.com
(0123)-123-456-789
English Spanish Russian German
Help
Login

Theme components

  1. Shortcodes
  2. General Icons
Icon size
<i class="fa fa-user"></i>
<i class="fa fa-user fa-2x"></i>
<i class="fa fa-user fa-3x"></i>
<i class="fa fa-user fa-4x"></i>
<i class="fa fa-user fa-5x"></i>
Icon color
<i class="fa fa-user fa-3x"></i>
<i class="fa fa-user fa-3x fa-default"></i>
<i class="fa fa-user fa-3x fa-primary"></i>
<i class="fa fa-user fa-3x fa-blue"></i>
<i class="fa fa-user fa-3x fa-dark-blue"></i>
<i class="fa fa-user fa-3x fa-dark-red"></i>
<i class="fa fa-user fa-3x fa-green"></i>
<i class="fa fa-user fa-3x fa-light-green"></i>
<i class="fa fa-user fa-3x fa-orange"></i>
<i class="fa fa-user fa-3x fa-purple"></i>
<i class="fa fa-user fa-3x fa-red"></i>
<i class="fa fa-user fa-3x fa-teal"></i>
<i class="fa fa-user fa-3x fa-yellow"></i>
Icons circle
<i class="fa fa-cog icon-circle"></i>
<i class="fa fa-comment icon-circle icon-bordered fa-primary"></i>
<i class="fa fa-users fa-2x icon-circle fa-aqua"></i>
<i class="fa fa-share-alt fa-2x icon-circle icon-bordered fa-blue"></i>
<i class="fa fa-tablet fa-3x icon-circle fa-brown"></i>
<i class="fa fa-flask fa-3x icon-circle icon-bordered fa-dark-blue"></i>
<i class="fa fa-gift fa-4x icon-circle fa-dark-red"></i>
<i class="fa fa-shopping-basket fa-4x icon-circle icon-bordered fa-green"></i>
<i class="fa fa-cogs fa-5x icon-circle fa-light-green"></i>
<i class="fa fa-truck fa-5x icon-circle icon-bordered fa-orange"></i>
Icons square
<i class="fa fa-truck fa-5x icon-square icon-bordered fa-yellow"></i>
<i class="fa fa-cogs fa-5x icon-square fa-teal"></i>
<i class="fa fa-shopping-basket fa-4x icon-square icon-bordered fa-red"></i>
<i class="fa fa-gift fa-4x icon-square fa-purple"></i>
<i class="fa fa-flask fa-3x icon-square icon-bordered fa-orange"></i>
<i class="fa fa-tablet fa-3x icon-square fa-light-green"></i>
<i class="fa fa-share-alt fa-2x icon-square icon-bordered fa-green"></i>
<i class="fa fa-users fa-2x icon-square fa-dark-red"></i>
<i class="fa fa-comment icon-square icon-bordered fa-dark-blue"></i>
<i class="fa fa-cog icon-square fa-brown"></i>
Icon Rounded
<i class="fa fa-unlink icon-square"></i>
<i class="fa fa-envelope-o icon-square fa-primary"></i>
<i class="fa fa-sort-alpha-asc icon-square fa-aqua"></i>
<i class="fa fa-download icon-square fa-blue"></i>
<i class="fa fa-bell-o icon-square fa-brown"></i>
<i class="fa fa-unlink icon-square fa-dark-blue"></i>
<i class="fa fa-print icon-square fa-dark-red"></i>
<i class="fa fa-suitcase icon-square fa-green"></i>
<i class="fa fa-reply-all icon-square fa-light-green"></i>
<i class="fa fa-magic icon-square fa-orange"></i>
<i class="fa fa-truck icon-square fa-purple"></i>
<i class="fa fa-shopping-cart icon-square fa-red"></i>
<i class="fa fa-star icon-square fa-teal"></i>
<i class="fa fa-file-text-o icon-square fa-yellow"></i>

<i class="fa fa-unlink icon-square icon-bordered"></i>
<i class="fa fa-envelope-o icon-square icon-bordered fa-primary"></i>
<i class="fa fa-sort-alpha-asc icon-square icon-bordered fa-aqua"></i>
<i class="fa fa-download icon-square icon-bordered fa-blue"></i>
<i class="fa fa-bell-o icon-square icon-bordered fa-brown"></i>
<i class="fa fa-unlink icon-square icon-bordered fa-dark-blue"></i>
<i class="fa fa-print icon-square icon-bordered fa-dark-red"></i>
<i class="fa fa-suitcase icon-square icon-bordered fa-green"></i>
<i class="fa fa-reply-all icon-square icon-bordered fa-light-green"></i>
<i class="fa fa-magic icon-square icon-bordered fa-orange"></i>
<i class="fa fa-truck icon-square icon-bordered fa-purple"></i>
<i class="fa fa-shopping-cart icon-square icon-bordered fa-red"></i>
<i class="fa fa-star icon-square icon-bordered fa-teal"></i>
<i class="fa fa-file-text-o icon-square icon-bordered fa-yellow"></i>

<i class="fa fa-unlink icon-square rounded-2x"></i>
<i class="fa fa-envelope-o icon-square fa-primary rounded-2x"></i>
<i class="fa fa-sort-alpha-asc icon-square fa-aqua rounded-2x"></i>
<i class="fa fa-download icon-square fa-blue rounded-2x"></i>
<i class="fa fa-bell-o icon-square fa-brown rounded-2x"></i>
<i class="fa fa-unlink icon-square fa-dark-blue rounded-2x"></i>
<i class="fa fa-print icon-square fa-dark-red rounded-2x"></i>
<i class="fa fa-suitcase icon-square fa-green rounded-2x"></i>
<i class="fa fa-reply-all icon-square fa-light-green rounded-2x"></i>
<i class="fa fa-magic icon-square fa-orange rounded-2x"></i>
<i class="fa fa-truck icon-square fa-purple rounded-2x"></i>
<i class="fa fa-shopping-cart icon-square fa-red rounded-2x"></i>
<i class="fa fa-star icon-square fa-teal rounded-2x"></i>
<i class="fa fa-file-text-o icon-square fa-yellow rounded-2x"></i>

<i class="fa fa-unlink icon-square icon-bordered rounded-2x"></i>
<i class="fa fa-envelope-o icon-square icon-bordered fa-primary rounded-2x"></i>
<i class="fa fa-sort-alpha-asc icon-square icon-bordered fa-aqua rounded-2x"></i>
<i class="fa fa-download icon-square icon-bordered fa-blue rounded-2x"></i>
<i class="fa fa-bell-o icon-square icon-bordered fa-brown rounded-2x"></i>
<i class="fa fa-unlink icon-square icon-bordered fa-dark-blue rounded-2x"></i>
<i class="fa fa-print icon-square icon-bordered fa-dark-red rounded-2x"></i>
<i class="fa fa-suitcase icon-square icon-bordered fa-green rounded-2x"></i>
<i class="fa fa-reply-all icon-square icon-bordered fa-light-green rounded-2x"></i>
<i class="fa fa-magic icon-square icon-bordered fa-orange rounded-2x"></i>
<i class="fa fa-truck icon-square icon-bordered fa-purple rounded-2x"></i>
<i class="fa fa-shopping-cart icon-square icon-bordered fa-red rounded-2x"></i>
<i class="fa fa-star icon-square icon-bordered fa-teal rounded-2x"></i>
<i class="fa fa-file-text-o icon-square icon-bordered fa-yellow rounded-2x"></i>

<i class="fa fa-unlink icon-square rounded-3x"></i>
<i class="fa fa-envelope-o icon-square fa-primary rounded-3x"></i>
<i class="fa fa-sort-alpha-asc icon-square fa-aqua rounded-3x"></i>
<i class="fa fa-download icon-square fa-blue rounded-3x"></i>
<i class="fa fa-bell-o icon-square fa-brown rounded-3x"></i>
<i class="fa fa-unlink icon-square fa-dark-blue rounded-3x"></i>
<i class="fa fa-print icon-square fa-dark-red rounded-3x"></i>
<i class="fa fa-suitcase icon-square fa-green rounded-3x"></i>
<i class="fa fa-reply-all icon-square fa-light-green rounded-3x"></i>
<i class="fa fa-magic icon-square fa-orange rounded-3x"></i>
<i class="fa fa-truck icon-square fa-purple rounded-3x"></i>
<i class="fa fa-shopping-cart icon-square fa-red rounded-3x"></i>
<i class="fa fa-star icon-square fa-teal rounded-3x"></i>
<i class="fa fa-file-text-o icon-square fa-yellow rounded-3x"></i>

<i class="fa fa-unlink icon-square icon-bordered rounded-3x"></i>
<i class="fa fa-envelope-o icon-square icon-bordered fa-primary rounded-3x"></i>
<i class="fa fa-sort-alpha-asc icon-square icon-bordered fa-aqua rounded-3x"></i>
<i class="fa fa-download icon-square icon-bordered fa-blue rounded-3x"></i>
<i class="fa fa-bell-o icon-square icon-bordered fa-brown rounded-3x"></i>
<i class="fa fa-unlink icon-square icon-bordered fa-dark-blue rounded-3x"></i>
<i class="fa fa-print icon-square icon-bordered fa-dark-red rounded-3x"></i>
<i class="fa fa-suitcase icon-square icon-bordered fa-green rounded-3x"></i>
<i class="fa fa-reply-all icon-square icon-bordered fa-light-green rounded-3x"></i>
<i class="fa fa-magic icon-square icon-bordered fa-orange rounded-3x"></i>
<i class="fa fa-truck icon-square icon-bordered fa-purple rounded-3x"></i>
<i class="fa fa-shopping-cart icon-square icon-bordered fa-red rounded-3x"></i>
<i class="fa fa-star icon-square icon-bordered fa-teal rounded-3x"></i>
<i class="fa fa-file-text-o icon-square icon-bordered fa-yellow rounded-3x"></i>

<i class="fa fa-unlink icon-square rounded-4x"></i>
<i class="fa fa-envelope-o icon-square fa-primary rounded-4x"></i>
<i class="fa fa-sort-alpha-asc icon-square fa-aqua rounded-4x"></i>
<i class="fa fa-download icon-square fa-blue rounded-4x"></i>
<i class="fa fa-bell-o icon-square fa-brown rounded-4x"></i>
<i class="fa fa-unlink icon-square fa-dark-blue rounded-4x"></i>
<i class="fa fa-print icon-square fa-dark-red rounded-4x"></i>
<i class="fa fa-suitcase icon-square fa-green rounded-4x"></i>
<i class="fa fa-reply-all icon-square fa-light-green rounded-4x"></i>
<i class="fa fa-magic icon-square fa-orange rounded-4x"></i>
<i class="fa fa-truck icon-square fa-purple rounded-4x"></i>
<i class="fa fa-shopping-cart icon-square fa-red rounded-4x"></i>
<i class="fa fa-star icon-square fa-teal rounded-4x"></i>
<i class="fa fa-file-text-o icon-square fa-yellow rounded-4x"></i>

<i class="fa fa-unlink icon-square icon-bordered rounded-4x"></i>
<i class="fa fa-envelope-o icon-square icon-bordered fa-primary rounded-4x"></i>
<i class="fa fa-sort-alpha-asc icon-square icon-bordered fa-aqua rounded-4x"></i>
<i class="fa fa-download icon-square icon-bordered fa-blue rounded-4x"></i>
<i class="fa fa-bell-o icon-square icon-bordered fa-brown rounded-4x"></i>
<i class="fa fa-unlink icon-square icon-bordered fa-dark-blue rounded-4x"></i>
<i class="fa fa-print icon-square icon-bordered fa-dark-red rounded-4x"></i>
<i class="fa fa-suitcase icon-square icon-bordered fa-green rounded-4x"></i>
<i class="fa fa-reply-all icon-square icon-bordered fa-light-green rounded-4x"></i>
<i class="fa fa-magic icon-square icon-bordered fa-orange rounded-4x"></i>
<i class="fa fa-truck icon-square icon-bordered fa-purple rounded-4x"></i>
<i class="fa fa-shopping-cart icon-square icon-bordered fa-red rounded-4x"></i>
<i class="fa fa-star icon-square icon-bordered fa-teal rounded-4x"></i>
<i class="fa fa-file-text-o icon-square icon-bordered fa-yellow rounded-4x"></i>