Top 9 Websites using ICON-SUITCASE
年収、企業評判、面接情報など転職・就活に役立つ情報サイト | キャリコネ
شبكة حياة النسائية - عالم حواء عالم خاص بالمرأة و ازياء | Passagens aéreas rápidas como um voo!
Google Sıra Bulucu SEO | Google da kaçıncı sıradayım | Sitem kaçıncı sırada | Amokas: Arama motorlarında kaçıncı sıradayım
Free Shopping Cart Application and Open Source Ecommerce Solution
Hellas Accommodation Travel Agent Greece Hotel Greece Camping Greece Hotels Greece Yachts Sea Lines Airlines Car Rental Charter Associations Travel News Travel Agents Hotels
Bank Islam Malaysia Berhad | Pioneering Change
ISRO - Government of India


Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" icon-suitcase"></i> icon-suitcase
Icon classes are echoed via CSS :before.





To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" icon-suitcase icon-large"></i> icon-suitcase</p>
<p><i class=" icon-suitcase icon-2x"></i> icon-suitcase</p>
<p><i class=" icon-suitcase icon-3x"></i> icon-suitcase</p>
<p><i class=" icon-suitcase icon-4x"></i> icon-suitcase</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  icon-suitcase"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-suitcase icon-spin"></i>to easily replace lists</li>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" icon-suitcase icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.


To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" icon-suitcase"></i>  normal<br>
<i class=" icon-suitcase icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-suitcase icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-suitcase icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-suitcase icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-suitcase icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" icon-suitcase icon-2x icon-spin"></i>
<i class=" icon-suitcase icon-3x icon-spin"></i>
<i class=" icon-suitcase icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

icon-suitcase on icon-check-empty
icon-suitcase on icon-circle
icon-suitcasel on icon-sign-blank
icon-ban-circle on icon-suitcase

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" icon-suitcase "></i>
icon-suitcase on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-suitcase icon-light"></i>
icon-suitcase on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-suitcase icon-light "></i>
icon-suitcase on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-suitcase icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
icon-ban-circle on icon-suitcase
  • 128 websites use icon-suitcase font awesome icon
  • Font Awesome usage statistics of icon-suitcase are based on first landing page and within top 1M websites only. Click the website url to see all Font Awesome icons used by it.