Font Awesome

You can place Font Awesome icons just about anywhere using a style prefix and the icon’s name. It's designed to be used with inline elements where icons will take on the characteristics and appear alongside text naturally.

It is recommended to stick to a consistent HTML element to reference them by in your project.

Back to top
fa-arrow-up

Search
fa-search

Phone
fa-phone

Paste
fa-paste

Twitter
fa-twitter

Youtube
fa-youtube

Linkedin
fa-linkedin

Facebook
fa-facebook

 

Progress indicators

The fa-spin class is used to get any icon to rotate, and use fa-pulse to have it rotate with eight steps. This works especially well with fa-spinner & everything in the spinner icons category.

Animated font awesome icon examples

Animated form spinner

Pulse
spinner

Circle
circle-notch

Pulse
cog

CSS animated spinners

Circle 1

Circle 2

Circle 3

Circle 4

Circle 5

Nest 1

Nest 2

Nest 3

Nest 4

Nest 5