Font Awesome has a ton of great styling tools that work hand-in-hand with our icons to really make your project look its best.

Advertisement

Remove ads with a Pro plan!

Using this requires Font Awesome Pro Pro

A subscription to a Pro-level plan will remove all third-party advertisments on fontawesome.com.

And of course Pro-level plans come with…

• All 16,083 Icons in Font Awesome
• Solid, Regular, Light, Thin, and Duotone Styles for Each Icon + Brands
• A Perpetual License to Use Pro
• Services and Tools to Make Easy Work of Using Icons
• Fresh Icons, Features, and Software Updates
• Plus Support From Real Humans

Already have a Pro Plan? Sign in

Many of the styles can be combined to get even more effects, though some are only available when using our SVG+JS method.

Basics

Font Awesome default styling

Size

Make icons bigger or smaller

Fixed-width

Make icons the same width for alignment

• Done!
• Not done
• Maybe?

Icons in a List

Use icons as list bullets

Rotate

Shift icons around an axis

Animate

Add motion to spinners

Gatsby believed in the green light, the orgastic future that year by year recedes before us...

Border + Pull

Bring icons inline with text

Stack

Stack two icons to make a new one

SVG+JS only

Power Transform

Fine-tuned rotation, sizing, and positioning

SVG+JS only

Mask

Combine icons with transparency

SVG+JS only

Layer

Combine two icons without transparency

SVG+JS only

75

Add Text or Counters

Add a layer of text or a counter to an icon

Duotone

The power of duotone icons to the max

Customize

Make it Your Own