Visual Icon Fonts


Select from a variety of icon fonts, and see them right in the visual editor with the simplest icon font tools avaialbe,

See the screenshots to preview the super simple user interface.

Includes Font Awesome 4 (369 Icons)

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. (and coming soon to a wp editor near you!).

Check out the font awesome website here

Includes Genericons Set (62 Icons)

Genericons are vector icons embedded in a webfont designed to be clean and simple keeping with a generic aesthetic.
Use genericons for instant HiDPI, to change icon colors on the fly, or even with CSS effects such as drop-shadows or gradients!

Genericons website here


  • Simple option to select the icon font family you prefer
  • Easily select an icon in the visual editor window
  • Search and instantly Filter through the icons to get the one you want quickly
  • See the icons in the visual editor
  • Adjust the colour and size of the icons (and any other text elements in the editor)
  • Includes Font Awesome 4
  • Includes Genericons

Upcoming Features

  • More Great Font Icon Sets
  • Include fonts in your template file with simple html
  • Fiddly shortcode nonsense for Font Awesome
  • your requested feature!! or any icon font set your little heart desires – Rate this plugin (favourably would be prefferable) and let me know what features / fonts you’d like to see included.


  • The icons laid out on the front end.
  • The search filter in the visual editor.
  • Woop! - icons in the visual editor.
  • Size options
  • All the Colours
  • Super Awesome Admin Panel


This section describes how to install the plugin and get it working.

  1. Upload the contents of the zip file to the /wp-content/plugins/ directory or…
  2. upload the zip file in the backend of WordPress, plugins -> add new -> upload….or…
  3. Search for the plugin from the backend of WordPress, plugins -> add new -> search
  4. WordPress の「プラグイン」メニューからプラグインを有効化してください


  1. Click the icon button in any page with a visual editor, select the icon you want from the drop down and see it appear in the editor.
  2. Adjust the icon color and size by selecting it, (making sure you’ve ‘shown the kitchen sink’ in the WP editor) use the font size drop down or color button on the 3rd row


In the visual editor ?

Hellz yeah! you’ll see those little critters right in there. Click the drop down, search or peruse, click and it’ll be visible in your content, highlight it and add a little color, maybe a font size, go crazy – you deserve to live a little.

Are the icons really awesome?

Damn skippy, The initial plugin release contains the fantastic Font Awesome 4 font icon set and future versions will allow you to select between various font icon sets, as well as apply as many of the additional font awesome features as I can manage to include, and make user friendly via the editor.

what about a shortcode, because I don’t like to actually see my content in the editor, I much prefer to fiddle about with such things, and I want a little more flexibility?

Its coming, please be patient, I will allow full access to font awesome via a shortcode as a plugin option soon along with many other cool features.




Visual Icon Fonts はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。


“Visual Icon Fonts” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。



  • small admin update, a tweak here and there.


  • change from wp_head to wp_enqueue_scripts to enqueue front end styles


  • CSS Fixes
  • Added Admin Page
  • Added Genericon Icon Font


  • Slightly improved alpha release.


  • Initial Stable Release, take her for a ride, and let me know what you think.