Title: Icon Fonts
Author: sydcode
Published: <strong>June 13, 2015</strong>
Last modified: June 13, 2015

---

Search plugins

![](https://ps.w.org/icon-fonts/assets/banner-772x250.png?rev=1179990)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://s.w.org/plugins/geopattern-icon/icon-fonts_d9eafc.svg)

# Icon Fonts

 By [sydcode](https://profiles.wordpress.org/sydcode/)

[Download](https://downloads.wordpress.org/plugin/icon-fonts.1.0.0.zip)

 * [Details](https://ewe.wordpress.org/plugins/icon-fonts/#description)
 * [Reviews](https://ewe.wordpress.org/plugins/icon-fonts/#reviews)
 *  [Installation](https://ewe.wordpress.org/plugins/icon-fonts/#installation)
 * [Development](https://ewe.wordpress.org/plugins/icon-fonts/#developers)

 [Support](https://wordpress.org/support/plugin/icon-fonts/)

## Description

This plugin adds support for 18 free icon fonts (over 6000 icons).

[Dashicons](https://developer.wordpress.org/resource/dashicons/) (218 icons)
 [Elegant](http://www.elegantthemes.com/blog/resources/elegant-icon-font)(
360 icons) [Elusive](http://elusiveicons.com/) (304 icons) [Entypo](https://github.com/danielbruce/entypo)(
284 icons) [Font Awesome](http://fortawesome.github.io/Font-Awesome/) (519 icons)
[Foundation](http://zurb.com/playground/foundation-icon-fonts-3) (284 icons) [Genericons](http://genericons.com/)(
147 icons) [IcoMoon Free](https://icomoon.io/icons-icomoon.html) (491 icons) [Ionicons](http://ionicons.com/)(
734 icnons) [Map Icons](http://map-icons.com/) (176 icons) [Material Design](http://materialdesignicons.com/)(
1062 icons) [MFG Labs](http://mfglabs.github.io/mfglabs-iconset/) (186 icons) [Octicons](https://octicons.github.com/)(
179 icons) [Open Iconic](https://useiconic.com/open/) (229 icons) [OpenWeb](http://pfefferle.github.io/openwebicons/)(
118 icons) [Sosa](http://tenbytwenty.com/?xxxx_posts=sosa) (122 icons) [Themify](http://themify.me/themify-icons)(
352 icons) [Typicons](http://typicons.com/) (336 icons)

Each font is freely distributed under an open source licence.
 Contact the author
of a font if you have questions about using it.

Credits:
 [Jaime Caballero](http://jaicab.com/Sosa-Icon-Font-CSS/) for his Sosa 
stylesheet. [pnull](https://gist.github.com/pnull/4510484) for his Entypo stylesheet.

## Screenshots

 * [[
 * Settings Panel
 * [[
 * Editor Dialog

## Installation

 1. Upload the “icon-fonts” directory to the “/wp-content/plugins/” directory.
 2. Activate the plugin via the “Plugins” menu on the WordPress dashboard.
 3. Activate the required icon fonts in the settings panel.
 4. Use the star button in the visual editor to insert icons.

## FAQ

  1. Are these fonts really free to use?

Yes. Some have different licenses but all are open source and free to use.

  2. Why is there a soft hyphen inside each icon element?

An element needs content to avoid being removed by the editor. A soft hyphen is 
used because a non-breaking space causes alignment issues, and a comment seems to
make the editor crash.

  3. Why are icons not showing?

Unfortunately, some fonts use the same class name which causes problems. Starting
at the top of the list, deactivate fonts until the missing icons appear.

  4. Have you changed the fonts in any way?

No. The original fonts and stylesheets have not been changed. Non-essential files
from the downloads have been removed, licenses were added when missing, and some
minimized stylesheets were created with [Refresh SF](http://refresh-sf.com/).

  5. Will more fonts be added later?

Certainly! Please post a request in the forum if you want a particular font.

  6. Which fonts have a stylesheet for the Bootstrap framework?

Openweb and Open Iconic.

  7. Which fonts have a stylesheet for the Foundation framework?

Open Iconic.

  8. Are icons hidden from assistive technology?

Yes. Each icon has an `aria-hidden="true"` and `role="presentation"` attribute.

  9. Does the plugin change the editor?

Yes. The plugin adds a star button to the toolbar, and it allows elements to use
the above attributes.

  10. Will icons still appear without the plugin?

No. The plugin must be active to load the font stylesheets, and it stops the editor
from removing the above attributes when a post is edited.

  11. Can icons be added to widgets or menus?

No. An update will add icon buttons for widgets and menus.

## Reviews

![](https://secure.gravatar.com/avatar/f5a28c4f529271bb2f17a53309a4a80f0d90815525a7da110a8ee905577e97b8?
s=60&d=retro&r=g)

### 󠀁[Excellent plugin – easy to use](https://wordpress.org/support/topic/excellent-plugin-easy-to-use-4/)󠁿

 [davelopment](https://profiles.wordpress.org/davelopment/) September 3, 2016

Easy to implement and add icons to content. It was also well built and easy to include
other icon fonts that I needed to use for a client. My only query is how often the
icon sets get updated – I manually updated the Font Awesome files to include the
latest version of their icons.

 [ Read all 2 reviews ](https://wordpress.org/support/plugin/icon-fonts/reviews/)

## Contributors & Developers

“Icon Fonts” is open source software. The following people have contributed to this
plugin.

Contributors

 *   [ sydcode ](https://profiles.wordpress.org/sydcode/)

[Translate “Icon Fonts” into your language.](https://translate.wordpress.org/projects/wp-plugins/icon-fonts)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/icon-fonts/), check
out the [SVN repository](https://plugins.svn.wordpress.org/icon-fonts/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/icon-fonts/) by 
[RSS](https://plugins.trac.wordpress.org/log/icon-fonts/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.0

 * First release

## Meta

 *  Version **1.0.0**
 *  Last updated **11 years ago**
 *  Active installations **300+**
 *  WordPress version ** 3.3.0 or higher **
 *  Tested up to **4.2.39**
 *  Language
 * [English (US)](https://wordpress.org/plugins/icon-fonts/)
 * Tags
 * [Dashicons](https://ewe.wordpress.org/plugins/tags/dashicons/)[font](https://ewe.wordpress.org/plugins/tags/font/)
   [Font Awesome](https://ewe.wordpress.org/plugins/tags/font-awesome/)[foundation](https://ewe.wordpress.org/plugins/tags/foundation/)
   [genericons](https://ewe.wordpress.org/plugins/tags/genericons/)
 *  [Advanced View](https://ewe.wordpress.org/plugins/icon-fonts/advanced/)

## Ratings

 5 out of 5 stars.

 *  [  2 5-star reviews     ](https://wordpress.org/support/plugin/icon-fonts/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/icon-fonts/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/icon-fonts/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/icon-fonts/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/icon-fonts/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/icon-fonts/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/icon-fonts/reviews/)

## Contributors

 *   [ sydcode ](https://profiles.wordpress.org/sydcode/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/icon-fonts/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://ewe.wordpress.org/plugins/icon-fonts/?output_format=md)