Top 2 Websites using ICON-COLLAPSE-ALT
Gulf Asset Management House Lmtd.
Anlaşmalı Matbaa, matbaa, fatura basımı, maliye ile anlaşmalı matbaa, acil fatura basımı,gider pusulası, dernek makbuzu, dernek makbuzu basımı, kartvizit basımı, broşür basımı, üsküdar matbaa,topkapı matbaa, istanbul matbaa


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

<i class=" icon-collapse-alt"></i> icon-collapse-alt
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-collapse-alt icon-large"></i> icon-collapse-alt</p>
<p><i class=" icon-collapse-alt icon-2x"></i> icon-collapse-alt</p>
<p><i class=" icon-collapse-alt icon-3x"></i> icon-collapse-alt</p>
<p><i class=" icon-collapse-alt icon-4x"></i> icon-collapse-alt</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-collapse-alt"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-collapse-alt 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-collapse-alt 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-collapse-alt"></i>  normal<br>
<i class=" icon-collapse-alt icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-collapse-alt icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-collapse-alt icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-collapse-alt icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-collapse-alt icon-flip-vertical"></i>  icon-flip-vertical

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

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

CSS3 animations aren't supported in IE8 - IE9.

icon-collapse-alt on icon-check-empty
icon-collapse-alt on icon-circle
icon-collapse-altl on icon-sign-blank
icon-ban-circle on icon-collapse-alt

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-collapse-alt "></i>
icon-collapse-alt on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-collapse-alt icon-light"></i>
icon-collapse-alt on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-collapse-alt icon-light "></i>
icon-collapse-alt on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-collapse-alt icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
icon-ban-circle on icon-collapse-alt
  • 2 websites use icon-collapse-alt font awesome icon
  • Font Awesome usage statistics of icon-collapse-alt 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.