Top 9 Websites using FA-YEN
訪問者録画機能も付いたシンプルで高機能なリアルタイムアクセス解析 - リサーチアルチザンプロ
パソコンドック24 - パソコン修理・データ復旧専門店 | 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
MTG シングル通販 買取ショップ BLACK FROG (ブラックフロッグ)
Irish Sweaters & The Aran Sweater | Clanarans
Adventures in Wonderland
「キャリアクロス」外資系・グローバル企業転職サイト 英語求人多数 - キャリアクロス


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

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






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-yen fa-lg"></i> fa-yen</p>
<p><i class="fa fa-yen fa-2x"></i> fa-yen</p>
<p><i class="fa fa-yen fa-3x"></i> fa-yen</p>
<p><i class="fa fa-yen fa-4x"></i> fa-yen</p>
<p><i class="fa fa-yen fa-5x"></i> fa-yen</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-yen fa-fw"></i> Home</a></li>
  <li><a href="#"><i class="fa fa-yen fa-fw"></i> Library</a></li>
  • 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-yen"></i>Font Awesome icon can be used</li>
  <li><i class="fa-li fa fa-yen fa-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 fa-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class="fa fa-yen 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.


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

<i class="fa fa-yen"></i>  normal<br>
<i class="fa fa-yen fa-rotate-90"></i>  fa-rotate-90<br>
<i class="fa fa-yen fa-rotate-180"></i>  fa-rotate-180<br>
<i class="fa fa-yen fa-rotate-270"></i>  fa-rotate-270<br>
<i class="fa fa-yen fa-flip-horizontal"></i>  fa-flip-horizontal<br>
<i class="fa fa-yen 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-yen fa-2x fa-spin"></i>
<i class="fa fa-yen fa-3x fa-spin"></i>
<i class="fa fa-yen fa-4x fa-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-yen on fa-square-o
fa-yen on fa-circle
fa-yenl on fa-square
fa-ban on fa-yen

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-yen fa-stack-1x"></i>
fa-yen on fa-square-o<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-circle fa-stack-2x"></i>
  <i class="fa fa-yen fa-stack-1x fa-inverse"></i>
fa-yen on fa-circle<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-square fa-stack-2x"></i>
  <i class="fa fa-yen fa-stack-1x fa-inverse"></i>
fa-yen on fa-square<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-yen fa-stack-1x"></i>
  <i class="fa fa-ban fa-stack-2x text-danger"></i>
fa-ban on fa-yen

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

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

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

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