Iconize is a WordPress plugin for adding vector icons to posts, pages, menu items and widget titles visually, using simple and easy to use modal dialog. Plugin is built with WordPress best practises in mind and contains about 2000 icons which are crisp at 16x pixels ( except dashicons which are available in WordPress 3.8 and crisp at 20x pixels ).
Overview:
Visually choose, configure, insert and edit icons using modal dialog
Within dialog you can:
Browse icons by font
Search for icon by name
Set icon color
Select predefined transform CSS class
Select predefined size CSS class
Select predefined align CSS class
Add custom CSS classes
Fonts included:
Font Awesome
Foundicons
Genericons
Entypo
Typicons
Iconic
Zocial
Fontelico and Brandico
Icomoon ( free pack )
Dashicons in WordPress 3.8 version
Editor integration:
TinyMCE visual editor plugin
See the real icons in editor content ( no shortcodes or image placeholders )
Insert icons
Edit existing icons
Combine two icons
HTML ( text ) editor plugin for inserting icons
Works on normal and fullscreen editor modes
Works on frontend editors too if needed ( dialog will need some styling )
Custom menus system integration ( selected icon is inserted before menu item title )
Widgets system integration ( selected icon is inserted before widget title )
Simple settings page to enable/disable plugin components
Translation ready ( .pot file included )
In WordPress 3.8, plugin uses new Admin UI and dialog is styled based on admin color scheme selected by users
Demo:
You can try Iconize plugin here.
Usage videos:
Editor plugin in action
Inserting icons to menu items and widget titles
Customization:
The following plugin customizations can be done from themes functions.php file using plugin filters so you don’t need to worry about lossing them on plugin updates. You can find example customizations in the docs and i will be happy to assist you if needed.
Add your own icon fonts
Add your own transform/size/align CSS classes to dialog dropdowns
Enable/disable dialog options
Customize icon output on widget titles and menu items
Set plugin options and hide it from user
Integrate iconize dialog on other admin pages/systems ( besides custom menus and widgets pages/systems )
Buyers:
If you have any question or feature request, please contact me via contact form on my profile page. And don’t forget to rate.
Credits:
I’ve used the following open source projects.
Fonts:
Font Awesome by @davegandy. License – Font: SIL OFL 1.1, CSS: MIT License
Foundicons font by Zurb. License – MIT Open Source License
Genericons font by Automatic. License – GPL
Entypo font by Daniel Bruce. License – The Entypo pictograms are licensed under CC BY-SA 3.0 and the font under SIL Open Font License
Typicons font by Stephen Hutchings. License – CC BY-SA
Iconic font by P.J. Onori. License – SIL Open Font License
Zocial font by Sam Collins. License – MIT Open Source License
Fontelico and Brandico fonts by Crowdsourced, for Fontello project. License – SIL Open Font License
Icomoon – free pack from IcoMoon App by Keyamoon. License – GPL
Scripts:
Bootstrap Modal by Twitter. License – Apache License, Version 2.0
jQuery UI Tag-it by Levy Carneiro Jr. License – MIT
Changelog: