Font Awesome shortcode for WordPress

The Font Awesome shortcode for WordPress can be used to facilitate the inclusion of Font Awesome icons in the content, be it in posts, pages or descriptions. Check below for example implementations and shortcode documentation:

Font Awesome Examples

Font Awesome Shortcodes

Font Awesome Shortcode

[x3m-fontawesome code="fa-solid fa-globe" size="2" color="blue"]

The shortcode can be used to easily display any Font Awesome icons within WordPress content. Multiple icons can be displayed in one page by simply copying the Font Awesome code inside the shortcode. Above example displays a blue color “globe” icon.

Font Awesome list of icons include over 2000 free options, offering a good diversity of icons to include for any type of project and display needs.

Font Awesome Documentation

Here are the shortcode option settings available for Font Awesome:

Shortcode Settings	Details
code=”fa-solid fa-globe”	This is used to set the icon code for the icon desired to display. Check Font Awesome list of icons for available icons and codes. Over 2000 free icon options are available.
size=”2″	This is used to set the size of the icon displayed. Value “1” is smallest, with upwards values increasing the icon size.
color=”blue”	This is used to set the color of the icon. Color names or HEX color codes can be used to set the desired color.

Shortcode Settings

Details

code=”fa-solid fa-globe”

This is used to set the icon code for the icon desired to display.

Check Font Awesome list of icons for available icons and codes. Over 2000 free icon options are available.

size=”2″

This is used to set the size of the icon displayed.

Value “1” is smallest, with upwards values increasing the icon size.

color=”blue”

This is used to set the color of the icon.

Color names or HEX color codes can be used to set the desired color.