Font Awesome icon usage statistics

4 types of Font Awesome iconic font are used and found 5 times in total.
AGAZETACONCURSOS.COM.BR used 1.3 Font Awesome classes per each class in average.

2 fa-arrow-circle-right

1 fa-search

1 fa-caret-up

1 fa-bars

Font Awesome usage statistics of AGAZETACONCURSOS.COM.BR are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
AGAZETACONCURSOS.COM.BR includes "http://www.agazetaconcursos.com.br/t3-assets/css/css-b8533.css?t=12" to use Font Awesome and information from CSS is like below.

@font-face{font-family:'FontAwesome3';src:url('/plugins/system/t3/base-bs3/fonts/font-awesome/font/fontawesome-webfont.eot?v=3.2.1');src:url('/plugins/system/t3/base-bs3/fonts/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('/plugins/system/t3/base-bs3/fonts/font-awesome/font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('/plugins/system/t3/base-bs3/fonts/font-awesome/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('/plugins/system/t3/base-bs3/fonts/font-awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal}

Examples and source code

fa-arrow-circle-right

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

<i class="fa fa-arrow-circle-right"></i> fa-arrow-circle-right

Icon classes are echoed via CSS :before.

fa-arrow-circle-right

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-arrow-circle-right fa-lg"></i> fa-arrow-circle-right</p>
<p><i class="fa fa-arrow-circle-right fa-2x"></i> fa-arrow-circle-right</p>
<p><i class="fa fa-arrow-circle-right fa-3x"></i> fa-arrow-circle-right</p>
<p><i class="fa fa-arrow-circle-right fa-4x"></i> fa-arrow-circle-right</p>
<p><i class="fa fa-arrow-circle-right fa-5x"></i> fa-arrow-circle-right</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-arrow-circle-right fa-fw"></i> Home</a></li>
  <li><a href="#"><i class="fa fa-arrow-circle-right 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-arrow-circle-right"></i>Font Awesome icon can be used</li>
  <li><i class="fa-li fa fa-arrow-circle-right 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-arrow-circle-right 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-arrow-circle-right"></i>  normal<br>
<i class="fa fa-arrow-circle-right fa-rotate-90"></i>  fa-rotate-90<br>
<i class="fa fa-arrow-circle-right fa-rotate-180"></i>  fa-rotate-180<br>
<i class="fa fa-arrow-circle-right fa-rotate-270"></i>  fa-rotate-270<br>
<i class="fa fa-arrow-circle-right fa-flip-horizontal"></i>  fa-flip-horizontal<br>
<i class="fa fa-arrow-circle-right 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-arrow-circle-right fa-2x fa-spin"></i>
<i class="fa fa-arrow-circle-right fa-3x fa-spin"></i>
<i class="fa fa-arrow-circle-right fa-4x fa-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-arrow-circle-right on fa-square-o
fa-arrow-circle-right on fa-circle
fa-arrow-circle-rightl on fa-square
fa-ban on fa-arrow-circle-right

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

fa-arrow-circle-right fa-arrow-circle-right

Font Awesome
fa-arrow-circle-right

Font Awesome Rocks!

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

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

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



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

Font Awesome icon usage statistics

Font Awesome information of AGAZETACONCURSOS.COM.BR in detail

Examples and source code

Various Font Awesome icon examples and source code using fa-arrow-circle-right which has been used mostly(2 times) by AGAZETACONCURSOS.COM.BR

Inline Icons

Larger Icons

Fixed Width Icons

List Icons

Bordered & Pulled Icons

Rotated & Flipped

Spinning Icons

Stacked Icons

Bootstrap 3 Examples