(The CDN can only search and add Free icons – use shortcodes or HTML to add Pro icons when using the CDN).įont Awesome icons are popular, so lots of themes and plugins also load Font Awesome, and sometimes their version can conflict with yours. If you’re using the Icon Chooser, you’ll need to use a Pro Kit. To add Pro icons with the CDN, you’ll need to add your domain to the list allowed domains on your Font Awesome account CDN Settings page and use shortcodes or HTML to add the icons into your content. Then grab your API Token from your Font Awesome account page to add into the WordPress Kit settings.

To use a Kit, create a Kit on and select “Pro icons” in the settings. You can also use basic HTML with standard Font Awesome syntax, like this: Get the details on all the shortcode options in the Font Awesome WordPress docs. The shortcode for an icon looks like this: And if you don’t include any prefix, the icon will default to the Solid style. Note that you don’t need to include the fa- part of the name. When you use shortcodes, you add the name of the icon and a prefix, where the prefix is the style of icon you want to use. Or you can use the icon names in shortcodes or HTML. (If you want to search and add Pro icons in the Icon Chooser, you’ll need to use a Pro Kit.) Once you’ve set up your plugin, you can search and add icons to your pages and posts by choosing the Font Awesome option in the format bar from any text block to open the Icon Chooser. Use your uploaded icons from your Pro Kits.Īdding icons works in both the block editor and the classic editor.

Make things even awesomer using icons from Font Awesome Version 6.

Troubleshoot and resolve issues when multiple versions of Font Awesome are loading on your site from other plugins/themes, which can cause unexpected icon display or technical issues.Turn on automatic compatibility for Font Awesome Version 4 if you – or your plugins – are still using Version 4 syntax.Take your pick of loading your icons from our classic Font Awesome CDN, or use Font Awesome Kits – the easiest and most efficient way to use Font Awesome icons on the web.Choose the tech, either SVG or Web Font.Leverage the latest release or a specific version of our icons.Our official plugin lets you use Font Awesome the way you want:

The official way to use Font Awesome Free or Pro icons on your site, brought to you by the Font Awesome team.

Cool channel icons