0%

Dynamic icon in font awesome

Dynamic icon

The fa-spin class rotates the icon, and the fa-pulse class rotates the icon in 8-step cycles.

1
2
3
4
5
<i class="fa fa-spinner fa-spin"></i>
<i class="fa fa-circle-o-notch fa-spin"></i>
<i class="fa fa-refresh fa-spin"></i>
<i class="fa fa-cog fa-spin"></i>
<i class="fa fa-spinner fa-pulse"></i>





Note: CSS3 animations are not supported in IE8 and IE9.