This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Font Awesome Icons

Description

Font Awesome is a pictographic font set of 361 icons. The icons are infinitely scalable and screen reader compatible.

A full list of the 361 Font Awesome icons is available: FontAwesomeIconsCheatsheet.pdf

To use any of the Font Awesome icons on your WordPress site you have three options:

HTML

All code examples on the Font Awesome site apply: http://fontawesome.io/examples/

Examples

Pencil icon

<i class="icon-pencil"></i>

Phone icon

<i class="icon-phone"></i>

Chevron left icon

<i class="icon-chevron-left"></i>

Shortcode

Don’t want to worry about HTML tags? You can use a shortcode in your posts, pages and even widgets to display a Font Awesome icon.

The shortcode to use is [icon name=name-of-icon], where name=X is the class of the icon you would like to use.

Examples

Pencil icon

[icon name=icon-pencil]

Phone icon

[icon name=icon-phone]

Chevron left icon

[icon name=icon-chevron-left]

TinyMCE Plugin

Select the icon you would like to add to your post or page content from the Glyphs drop-down menu in the Visual Editor.

screenshot

Contributors Welcome

Author

Screenshots

  • HTML code samples
  • Shortcode samples
  • TinyMCE plugin
  • Full icon list

Installation

  1. Upload Font Awesome Icons to the /wp-content/plugins/ directory.

  2. Activate the plugin through the ‘Plugins’ menu in WordPress.

  3. Use one of the three usage methods (HTML, Shortcode, or TinyMCE plugin) within the content of your posts or pages.

  4. Use either the HTML or Shortcode methods inside your text widgets.

Reviews

Outdated, too restricted.

The current version of Font Awesome has over double the amount of icons that this plugin provides. Moreover, the list does not appear in the visual editor anymore. These can be appropriated to this plugin being outdated, but there are more inherent problems.

One is that the icons cannot be customized in the shortcode. You can’t tell it to give the icons a 2x, 3x size, or a fixed width, or a spinning animation, like Font Awesome normally allows you to. It makes the shortcodes seem almost useless.

Better keep looking if you were looking for a plugin that gives you quick Font Awesome access!

Even though it doesnt work out of the box, still a good option

You can get the short codes to work if you are determined.

Use this to get the latest version of icons from Font Awesome:
https://wordpress.org/plugins/dequeue-font-awesome/

Then instead of following the instructions, use short codes with the FA prefix (not “icon”):

[icon name=fa-phone]

Then add this piece of CSS–

i{
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}


to your theme or add it with a CSS plug-in like this:
https://wordpress.org/plugins/wp-add-custom-css/

It is worth it for the short codes. Short of cracking open the PHP, this should get most by until the plug-in is updated. I’d even recommend dropping the ‘icon’ prefix for the FA in the future to the author.

Great! I love it!

Great plugin, thanks! Compared to other large Font Awesome plugin, very fast page loading time.

Read all 22 reviews

Contributors & Developers

“Font Awesome Icons” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

3.2.1

  • Updated font and CSS files to Font Awesome 3.2.1 release. (Thanks to @tommarshall)
  • Updated build/icons.yml file for reference. (Thanks to @tommarshall)
  • Updated reference PDF file with Font Awesome 3.2.1 icons. (Thanks to @tommarshall)
  • Added TinyMCE editor plugin, making it possible for the user to select font awesome glyphs from a drop-down list within the content editor. (Thanks @rscarvalho)
  • Added version number constant to cache bust assets for future plugin updates. (Thanks @rscarvalho)

3.1

  • Updated font and CSS files to Font Awesome 3.1 release. (Thanks to @Taylor4484)
  • Updated reference urls to new Font Awesome URL. (Thanks to @Taylor4484)
  • Added build/icons.yml file for reference. (Thanks to @BFTrick)
  • Updated reference PDF file with Font Awesome 3.1 icons.

3.0

  • Updated font and CSS files to Font Awesome 3.0 release.

1.2

  • Added IE7 CSS

1.1

  • Created and enabled shortcode

1.0

  • Initial release