Don't Miss Out! To celebrate the release of Font Awesome Sharp, get $20 off a new Pro subscription for a limited time!

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

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:

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
Advertisement