Top 9 Websites using FA-SUPERSCRIPT
慧都控件网-中国最专业的商业控件服务网
flattyshadow.com | Long Shadow, Flat Icon, Download Free, Download Free Flat Icon, Flat Icon Free Download , Free Icon Flatty Shadow, Icon Shadow, Icon, Flat, Icon Generator, Flat Icon Generator,Download shadow icons, Shadow creator, Online image Shadow creator, Flat icon creator, Free flat icon, Icon shadow
Empresa de Marketing | Lo que podemos hacer por su empresa
Blog4Leads - Meer leads genereren met Done-for-You Blogmarketing
College Nannies + Tutors | Professional Nannies and Tutoring Services
Accueil - CRIHAN : CRIHAN
Point of Sale Systems | Merchant Card Services | TouchSuite
Secured Communications - The World's Solution for Secured Communications and Privacy

fa-superscript

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

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

fa-superscript

fa-superscript

fa-superscript

fa-superscript

fa-superscript

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

<p><i class="fa fa-superscript fa-lg"></i> fa-superscript</p>
<p><i class="fa fa-superscript fa-2x"></i> fa-superscript</p>
<p><i class="fa fa-superscript fa-3x"></i> fa-superscript</p>
<p><i class="fa fa-superscript fa-4x"></i> fa-superscript</p>
<p><i class="fa fa-superscript fa-5x"></i> fa-superscript</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.

Use fa-fw to set icons at a fixed width. Great to use when variable icon widths throw off alignment. Especially useful in things like nav lists.

<ul class="nav nav-pills nav-stacked">
  <li class="active"><a href="#"><i class="fa fa-superscript fa-fw"></i> Home</a></li>
  <li><a href="#"><i class="fa fa-superscript fa-fw"></i> Library</a></li>
</ul>
  • Font Awesome icon can be used
  • to easily replace lists

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

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

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

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

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

  normal
  fa-rotate-90
  fa-rotate-180
  fa-rotate-270
  fa-flip-horizontal
  fa-flip-vertical

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

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

Use the fa-spin class to get any icon to rotate. Works well with fa-spinner, fa-refresh, and fa-cog.

<i class="fa fa-superscript fa-2x fa-spin"></i>
<i class="fa fa-superscript fa-3x fa-spin"></i>
<i class="fa fa-superscript fa-4x fa-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-superscript on fa-square-o
fa-superscript on fa-circle
fa-superscriptl on fa-square
fa-ban on fa-superscript

To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x for the regularly sized icon, and fa-stack-2x for the larger icon. fa-inverse 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="fa-stack fa-lg">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <i class="fa fa-superscript fa-stack-1x"></i>
</span>
fa-superscript on fa-square-o<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-circle fa-stack-2x"></i>
  <i class="fa fa-superscript fa-stack-1x fa-inverse"></i>
</span>
fa-superscript on fa-circle<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-square fa-stack-2x"></i>
  <i class="fa fa-superscript fa-stack-1x fa-inverse"></i>
</span>
fa-superscript on fa-square<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-superscript fa-stack-1x"></i>
  <i class="fa fa-ban fa-stack-2x text-danger"></i>
</span>
fa-ban on fa-superscript

Font Awesome works great with the full range of Bootstrap components.

<a class="btn btn-danger" href="#">
  <i class="fa fa-superscript fa-lg"></i> fa-superscript</a>
<a class="btn btn-default btn-sm" href="#">
  <i class="fa fa-superscript"></i> fa-superscript</a>

<a class="btn btn-lg btn-success" href="#">
  <i class="fa fa-superscript fa-2x pull-left"></i> Font Awesome<br>fa-superscript



<div class="input-group margin-bottom-sm">
  <span class="input-group-addon"><i class="fa fa-superscript fa-fw"></i></span>
  <input class="form-control" type="text" placeholder="fa-superscript">
</div>
<div class="input-group">
  <span class="input-group-addon"><i class="fa fa-superscript fa-fw"></i></span>
  <input class="form-control" type="password" placeholder="fa-superscript">
</div>

  • 11 websites use fa-superscript font awesome icon
  • Font Awesome usage statistics of fa-superscript 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.