WP Elusive Iconfont

Elusive Iconfont is a pictographic font set of 270+ icons. The icons are infinitely scalable and screen reader compatible.

A full list of the 270+ Elusive Iconfont icons is available: http://aristath.github.com/elusive-iconfont/index.html

To use any of the Elusive Iconfont icons on your WordPress site you have two options:

HTML Option

All code examples on the Elusive Iconfont site apply: http://aristath.github.com/elusive-iconfont/index.html

Examples

Pencil icon

Phone icon

Chevron left icon

Shortcode Option

Don’t want to worry about HTML tags? You can use the shortcode generator to insert the incons in your posts, pages and even widgets to display a Elusive Iconfont icon.

The shortcode generated will look like this >> [icon name=icon-github size=icon-2x align=pull-left color=icon-maroon] depending on your selections.

To generate the shortcode simply look for the Flag icon on your post/page editor and click to launch the generator window, make your selections and click the Insert Elusive Iconfont and you are done.

At this point click the Preview Post/Page button to see the result and when you are happy save your work and the plugin will take care of displaying it on the frontend.

Credits

• Elusive Iconfont webfont and associated code are a production of @aristath, by Aristeides Stathopoulos. (http://aristath.github.com/elusive-iconfont/index.html)
• The Elusive Iconfont is licenced under the terms of the SIL – Open Font Licence (http://www.tldrlegal.com/license/open-font-license-%28ofl%29)

Contributors Welcome

• Submit a pull request on Github

Support Us

• If you use and enjoy this plugin please rate and vote for it – thanks 🙂

Author

• Zulfikar Nore

Icons

Donations

We greatly welcome all donations towards this project – if you use and like this plugin please consider making a small donation to keep the project going.

Donate here: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=GRDP6F3HRWHUW

1. Upload Elusive Iconfont Icons to the /wp-content/plugins/ directory.

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

3. Add shortcode to your posts, pages and even widgets to display a Elusive Iconfont 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.

Example:

[icon name=icon-pencil]

1. You can use HTML by adding the appropiate class to the <i> element.

All code examples on the Elusive Iconfont site apply: http://aristath.github.com/elusive-iconfont/index.html

Example:

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

• None Yet

• None yet

• Initial release