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

Advertisement

Remove ads with a Pro plan!

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

And of course Pro-level plans come with…

• All 26,233 icons in Font Awesome
• 5 Classic styles of every icon
• 3 Sharp styles of every icon
• 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

With the official 4.0 release of the WordPress plugin, you can add attributes to the icon shortcodes, including CSS classes.

This means you can make your icons extra fancy with all the features that Font Awesome offers via CSS classes, like:

• Sizing your icons to be bigger or smaller
• Rotating icons to give them a different orientation
• Animating icons to create motion
• And a bunch more styling options!

Here's an example:

[icon name="yin-yang" prefix="fas" class="fa-2x fa-spin"]

Here are attributes that can be passed through the shortcode:

Attribute	How you can use it
class	Either your own or Font Awesome-specific CSS classes
style	For your own custom CSS
title , aria-hidden , aria-labelledby , role	Accessibility helpers
Icon name and style prefix	Basic Font Awesome attributes