Please wait...

Try Sallira with other theme and color combinations
Index variants
Corporate alt1
Color options

Theme components

  1. Home
  2. Components
  3. Icons
Icon size
  1. <i class="fa fa-user"></i>
  2. <i class="fa fa-user fa-2x"></i>
  3. <i class="fa fa-user fa-3x"></i>
  4. <i class="fa fa-user fa-4x"></i>
  5. <i class="fa fa-user fa-5x"></i>
Icon color
  1. <i class="fa fa-user fa-2x fa-default"></i>
  2. <i class="fa fa-user fa-3x fa-primary"></i>
  3. <i class="fa fa-user fa-4x fa-blue"></i>
  4. <i class="fa fa-user fa-5x fa-purple"></i>
  5. <i class="fa fa-user fa-5x fa-pink"></i>
  6. <i class="fa fa-user fa-4x fa-yellow"></i>
  7. <i class="fa fa-user fa-3x fa-green"></i>
  8. <i class="fa fa-user fa-2x fa-red"></i>
Icon circle default
  1. <i class="fa fa-cog icon-circle"></i>
  2. <i class="fa fa-comment icon-circle icon-bordered"></i>
  3. <i class="fa fa-users fa-2x icon-circle"></i>
  4. <i class="fa fa-share-alt fa-2x icon-circle icon-bordered"></i>
  5. <i class="fa fa-tablet fa-3x icon-circle"></i>
  6. <i class="fa fa-flask fa-3x icon-circle icon-bordered"></i>
  7. <i class="fa fa-gift fa-4x icon-circle"></i>
  8. <i class="fa fa-shopping-basket fa-4x icon-circle icon-bordered"></i>
  9. <i class="fa fa-cogs fa-5x icon-circle"></i>
  10. <i class="fa fa-truck fa-5x icon-circle icon-bordered"></i>
Icon circle primary
  1. <i class="fa fa-anchor icon-circle fa-primary"></i>
  2. <i class="fa fa-ban icon-circle icon-bordered fa-primary"></i>
  3. <i class="fa fa-beer fa-2x icon-circle fa-primary"></i>
  4. <i class="fa fa-bell-o fa-2x icon-circle icon-bordered fa-primary"></i>
  5. <i class="fa fa-briefcase fa-3x icon-circle fa-primary"></i>
  6. <i class="fa fa-bus fa-3x icon-circle icon-bordered fa-primary"></i>
  7. <i class="fa fa-cab fa-4x icon-circle fa-primary"></i>
  8. <i class="fa fa-camera fa-4x icon-circle icon-bordered fa-primary"></i>
  9. <i class="fa fa-cloud-upload fa-5x icon-circle fa-primary"></i>
  10. <i class="fa fa-code fa-5x icon-circle icon-bordered fa-primary"></i>
Icon circle blue
  1. <i class="fa fa-anchor icon-circle fa-blue"></i>
  2. <i class="fa fa-ban icon-circle icon-bordered fa-blue"></i>
  3. <i class="fa fa-beer fa-2x icon-circle fa-blue"></i>
  4. <i class="fa fa-bell-o fa-2x icon-circle icon-bordered fa-blue"></i>
  5. <i class="fa fa-briefcase fa-3x icon-circle fa-blue"></i>
  6. <i class="fa fa-bus fa-3x icon-circle icon-bordered fa-blue"></i>
  7. <i class="fa fa-cab fa-4x icon-circle fa-blue"></i>
  8. <i class="fa fa-camera fa-4x icon-circle icon-bordered fa-blue"></i>
  9. <i class="fa fa-cloud-upload fa-5x icon-circle fa-blue"></i>
  10. <i class="fa fa-code fa-5x icon-circle icon-bordered fa-blue"></i>
Icon circle purple
  1. <i class="fa fa-anchor icon-circle fa-purple"></i>
  2. <i class="fa fa-ban icon-circle icon-bordered fa-purple"></i>
  3. <i class="fa fa-beer fa-2x icon-circle fa-purple"></i>
  4. <i class="fa fa-bell-o fa-2x icon-circle icon-bordered fa-purple"></i>
  5. <i class="fa fa-briefcase fa-3x icon-circle fa-purple"></i>
  6. <i class="fa fa-bus fa-3x icon-circle icon-bordered fa-purple"></i>
  7. <i class="fa fa-cab fa-4x icon-circle fa-purple"></i>
  8. <i class="fa fa-camera fa-4x icon-circle icon-bordered fa-purple"></i>
  9. <i class="fa fa-cloud-upload fa-5x icon-circle fa-purple"></i>
  10. <i class="fa fa-code fa-5x icon-circle icon-bordered fa-purple"></i>
Icon circle pink
  1. <i class="fa fa-anchor icon-circle fa-pink"></i>
  2. <i class="fa fa-ban icon-circle icon-bordered fa-pink"></i>
  3. <i class="fa fa-beer fa-2x icon-circle fa-pink"></i>
  4. <i class="fa fa-bell-o fa-2x icon-circle icon-bordered fa-pink"></i>
  5. <i class="fa fa-briefcase fa-3x icon-circle fa-pink"></i>
  6. <i class="fa fa-bus fa-3x icon-circle icon-bordered fa-pink"></i>
  7. <i class="fa fa-cab fa-4x icon-circle fa-pink"></i>
  8. <i class="fa fa-camera fa-4x icon-circle icon-bordered fa-pink"></i>
  9. <i class="fa fa-cloud-upload fa-5x icon-circle fa-pink"></i>
  10. <i class="fa fa-code fa-5x icon-circle icon-bordered fa-pink"></i>
Icon circle yellow
  1. <i class="fa fa-anchor icon-circle fa-yellow"></i>
  2. <i class="fa fa-ban icon-circle icon-bordered fa-yellow"></i>
  3. <i class="fa fa-beer fa-2x icon-circle fa-yellow"></i>
  4. <i class="fa fa-bell-o fa-2x icon-circle icon-bordered fa-yellow"></i>
  5. <i class="fa fa-briefcase fa-3x icon-circle fa-yellow"></i>
  6. <i class="fa fa-bus fa-3x icon-circle icon-bordered fa-yellow"></i>
  7. <i class="fa fa-cab fa-4x icon-circle fa-yellow"></i>
  8. <i class="fa fa-camera fa-4x icon-circle icon-bordered fa-yellow"></i>
  9. <i class="fa fa-cloud-upload fa-5x icon-circle fa-yellow"></i>
  10. <i class="fa fa-code fa-5x icon-circle icon-bordered fa-yellow"></i>
Icon circle green
  1. <i class="fa fa-anchor icon-circle fa-green"></i>
  2. <i class="fa fa-ban icon-circle icon-bordered fa-green"></i>
  3. <i class="fa fa-beer fa-2x icon-circle fa-green"></i>
  4. <i class="fa fa-bell-o fa-2x icon-circle icon-bordered fa-green"></i>
  5. <i class="fa fa-briefcase fa-3x icon-circle fa-green"></i>
  6. <i class="fa fa-bus fa-3x icon-circle icon-bordered fa-green"></i>
  7. <i class="fa fa-cab fa-4x icon-circle fa-green"></i>
  8. <i class="fa fa-camera fa-4x icon-circle icon-bordered fa-green"></i>
  9. <i class="fa fa-cloud-upload fa-5x icon-circle fa-green"></i>
  10. <i class="fa fa-code fa-5x icon-circle icon-bordered fa-green"></i>
Icon circle red
  1. <i class="fa fa-anchor icon-circle fa-red"></i>
  2. <i class="fa fa-ban icon-circle icon-bordered fa-red"></i>
  3. <i class="fa fa-beer fa-2x icon-circle fa-red"></i>
  4. <i class="fa fa-bell-o fa-2x icon-circle icon-bordered fa-red"></i>
  5. <i class="fa fa-briefcase fa-3x icon-circle fa-red"></i>
  6. <i class="fa fa-bus fa-3x icon-circle icon-bordered fa-red"></i>
  7. <i class="fa fa-cab fa-4x icon-circle fa-red"></i>
  8. <i class="fa fa-camera fa-4x icon-circle icon-bordered fa-red"></i>
  9. <i class="fa fa-cloud-upload fa-5x icon-circle fa-red"></i>
  10. <i class="fa fa-code fa-5x icon-circle icon-bordered fa-red"></i>
Icon square default
  1. <i class="fa fa-cog icon-square"></i>
  2. <i class="fa fa-comment icon-square icon-bordered"></i>
  3. <i class="fa fa-users fa-2x icon-square"></i>
  4. <i class="fa fa-share-alt fa-2x icon-square icon-bordered"></i>
  5. <i class="fa fa-tablet fa-3x icon-square"></i>
  6. <i class="fa fa-flask fa-3x icon-square icon-bordered"></i>
  7. <i class="fa fa-gift fa-4x icon-square"></i>
  8. <i class="fa fa-shopping-basket fa-4x icon-square icon-bordered"></i>
  9. <i class="fa fa-cogs fa-5x icon-square"></i>
  10. <i class="fa fa-truck fa-5x icon-square icon-bordered"></i>
Icon square primary
  1. <i class="fa fa-anchor icon-square fa-primary"></i>
  2. <i class="fa fa-ban icon-square icon-bordered fa-primary"></i>
  3. <i class="fa fa-beer fa-2x icon-square fa-primary"></i>
  4. <i class="fa fa-bell-o fa-2x icon-square icon-bordered fa-primary"></i>
  5. <i class="fa fa-briefcase fa-3x icon-square fa-primary"></i>
  6. <i class="fa fa-bus fa-3x icon-square icon-bordered fa-primary"></i>
  7. <i class="fa fa-cab fa-4x icon-square fa-primary"></i>
  8. <i class="fa fa-camera fa-4x icon-square icon-bordered fa-primary"></i>
  9. <i class="fa fa-cloud-upload fa-5x icon-square fa-primary"></i>
  10. <i class="fa fa-code fa-5x icon-square icon-bordered fa-primary"></i>
Icon square blue
  1. <i class="fa fa-anchor icon-square fa-blue"></i>
  2. <i class="fa fa-ban icon-square icon-bordered fa-blue"></i>
  3. <i class="fa fa-beer fa-2x icon-square fa-blue"></i>
  4. <i class="fa fa-bell-o fa-2x icon-square icon-bordered fa-blue"></i>
  5. <i class="fa fa-briefcase fa-3x icon-square fa-blue"></i>
  6. <i class="fa fa-bus fa-3x icon-square icon-bordered fa-blue"></i>
  7. <i class="fa fa-cab fa-4x icon-square fa-blue"></i>
  8. <i class="fa fa-camera fa-4x icon-square icon-bordered fa-blue"></i>
  9. <i class="fa fa-cloud-upload fa-5x icon-square fa-blue"></i>
  10. <i class="fa fa-code fa-5x icon-square icon-bordered fa-blue"></i>
Icon square purple
  1. <i class="fa fa-anchor icon-square fa-purple"></i>
  2. <i class="fa fa-ban icon-square icon-bordered fa-purple"></i>
  3. <i class="fa fa-beer fa-2x icon-square fa-purple"></i>
  4. <i class="fa fa-bell-o fa-2x icon-square icon-bordered fa-purple"></i>
  5. <i class="fa fa-briefcase fa-3x icon-square fa-purple"></i>
  6. <i class="fa fa-bus fa-3x icon-square icon-bordered fa-purple"></i>
  7. <i class="fa fa-cab fa-4x icon-square fa-purple"></i>
  8. <i class="fa fa-camera fa-4x icon-square icon-bordered fa-purple"></i>
  9. <i class="fa fa-cloud-upload fa-5x icon-square fa-purple"></i>
  10. <i class="fa fa-code fa-5x icon-square icon-bordered fa-purple"></i>
Icon square pink
  1. <i class="fa fa-anchor icon-square fa-pink"></i>
  2. <i class="fa fa-ban icon-square icon-bordered fa-pink"></i>
  3. <i class="fa fa-beer fa-2x icon-square fa-pink"></i>
  4. <i class="fa fa-bell-o fa-2x icon-square icon-bordered fa-pink"></i>
  5. <i class="fa fa-briefcase fa-3x icon-square fa-pink"></i>
  6. <i class="fa fa-bus fa-3x icon-square icon-bordered fa-pink"></i>
  7. <i class="fa fa-cab fa-4x icon-square fa-pink"></i>
  8. <i class="fa fa-camera fa-4x icon-square icon-bordered fa-pink"></i>
  9. <i class="fa fa-cloud-upload fa-5x icon-square fa-pink"></i>
  10. <i class="fa fa-code fa-5x icon-square icon-bordered fa-pink"></i>
Icon square yellow
  1. <i class="fa fa-anchor icon-square fa-yellow"></i>
  2. <i class="fa fa-ban icon-square icon-bordered fa-yellow"></i>
  3. <i class="fa fa-beer fa-2x icon-square fa-yellow"></i>
  4. <i class="fa fa-bell-o fa-2x icon-square icon-bordered fa-yellow"></i>
  5. <i class="fa fa-briefcase fa-3x icon-square fa-yellow"></i>
  6. <i class="fa fa-bus fa-3x icon-square icon-bordered fa-yellow"></i>
  7. <i class="fa fa-cab fa-4x icon-square fa-yellow"></i>
  8. <i class="fa fa-camera fa-4x icon-square icon-bordered fa-yellow"></i>
  9. <i class="fa fa-cloud-upload fa-5x icon-square fa-yellow"></i>
  10. <i class="fa fa-code fa-5x icon-square icon-bordered fa-yellow"></i>
Icon square green
  1. <i class="fa fa-anchor icon-square fa-green"></i>
  2. <i class="fa fa-ban icon-square icon-bordered fa-green"></i>
  3. <i class="fa fa-beer fa-2x icon-square fa-green"></i>
  4. <i class="fa fa-bell-o fa-2x icon-square icon-bordered fa-green"></i>
  5. <i class="fa fa-briefcase fa-3x icon-square fa-green"></i>
  6. <i class="fa fa-bus fa-3x icon-square icon-bordered fa-green"></i>
  7. <i class="fa fa-cab fa-4x icon-square fa-green"></i>
  8. <i class="fa fa-camera fa-4x icon-square icon-bordered fa-green"></i>
  9. <i class="fa fa-cloud-upload fa-5x icon-square fa-green"></i>
  10. <i class="fa fa-code fa-5x icon-square icon-bordered fa-green"></i>
Icon square red
  1. <i class="fa fa-anchor icon-square fa-red"></i>
  2. <i class="fa fa-ban icon-square icon-bordered fa-red"></i>
  3. <i class="fa fa-beer fa-2x icon-square fa-red"></i>
  4. <i class="fa fa-bell-o fa-2x icon-square icon-bordered fa-red"></i>
  5. <i class="fa fa-briefcase fa-3x icon-square fa-red"></i>
  6. <i class="fa fa-bus fa-3x icon-square icon-bordered fa-red"></i>
  7. <i class="fa fa-cab fa-4x icon-square fa-red"></i>
  8. <i class="fa fa-camera fa-4x icon-square icon-bordered fa-red"></i>
  9. <i class="fa fa-cloud-upload fa-5x icon-square fa-red"></i>
  10. <i class="fa fa-code fa-5x icon-square icon-bordered fa-red"></i>