Taxonomy Font Icons

Taxonomy Font Icons lets users connect Font Awesome icons to categories, tags and custom taxonomies.

Author:Tomi Mäenpää / H1 (profile at wordpress.org)
WordPress version required:4.1
WordPress version tested:4.2.2
Plugin version:1.0
Added to WordPress repository:02-02-2015
Last updated:22-05-2015
Warning! This plugin has not 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.
Rating, %:100
Rated by:2
Plugin URI:https://github.com/H1FI/taxonomy-font-icons
Total downloads:3 201
Active installs:60+
plugin download
Click to start download

Taxonomy Font Icons lets users connect Font Awesome icons to categories, tags and custom taxonomies.

In addition to just connecting the icons, Taxonomy Font Icons also provides few helper functions that will print a list of a single post taxonomy terms and full taxonomy term list with their corresponding icons.

By default, Taxonomy Font Icons uses Font Awesome icons served from CDN. For developers, there is a filter called tfi_filters_default_args which you can use, so that you may define what icon font to use, where to load it and what icons are available for selection.

Custom Icon Font

If you want to use a custom icon font, here is an example using a custom made icon pack from Icomoon:

add_filter( 'tfi_filters_default_args', 'my_custom_icons' );
function my_custom_icons() {
    $args['taxonomies'] = array( 'post_tag' );
    $args['font']       = 'icomoon';
    $args['stylesheet'] = get_stylesheet_directory_uri() . '/icomoon/style.css';
    $args['icons']      = array(
        'icon-user'    => '&#xe600',
        'icon-heart'   => '&#xe601',
        'icon-grid'    => '&#xe602',
        'icon-volume'  => '&#xe603',
        'icon-home'    => '&#xf015',
        'icon-navicon' => '&#xf0c9',
        );

    return $args;
}