Bootstrap animated icons
Need a loading or status communicating-icon to spin? You’ve come to the right place. We’ve included some basic animations in our support styling for you to use.
Detailed documentation and more examples you can find in our Bootstrap animated icons Docs
Basic example
Use the fa-spin
class to get any icon to rotate, and use fa-pulse
to have it rotate with 8 steps. Works especially well with fa-spinner & everything in the spinner icons category.
<i class="fas fa-spinner fa-spin"></i>
<i class="fas fa-circle-notch fa-spin"></i>
<i class="fas fa-sync fa-spin"></i>
<i class="fas fa-cog fa-spin"></i>
<i class="fas fa-spinner fa-pulse"></i>
<i class="fas fa-star-christmas fa-spin"></i>
<i class="far fa-smile-beam fa-spin"></i>
<i class="fas fa-spinner fa-pulse"></i>