Bas Schuiling

<ul>
<li>Author: <a href="http://www.weblogmechanic.com/about" rel="nofollow ugc">Bas Schuiling</a></li>
<li>Project URI: <a href="http://www.weblogmechanic.com/plugins/simple-category-icons/" rel="nofollow ugc">http://www.weblogmechanic.com/plugins/simple-category-icons/</a></li>
<li>License: GPL 2. See License below for copyright jots and tittles.</li>
</ul>
Simple Category Icons (SCI) was developed because of dissatisfaction with other icon plugins for categories. SCI provides a way to put icons next to your taxonomies like categories, tags and custom taxonomies in a easy and friendly way. Besides being simple SCI offers you full control over the output.
Features:
<ul>
<li>Three customizable sizes for your icons ( small, medium, large )</li>
<li>Integrates in taxonomies admin interface</li>
<li>Simple theme template call </li>
<li>Stores your icons in the media library </li>
<li>You can use any taxonomy to put icons at. </li>
<li>Use filters and arguments to customize output</li>
</ul>
See the instructions under ‘installation’ to get most out of SCI.
More features will be added after popular demand
<h3>License</h3>
The FeedWordPress Advanced Filter plugin is copyright © 2013 by Bas Schuiling. It uses 
code derived or translated from:
according to the terms of the <a href="http://www.gnu.org/copyleft/gpl.html" rel="nofollow ugc">GNU General Public License</a>.
This program is free software; you can redistribute it and/or modify it under 
the terms of the <a href="http://www.gnu.org/copyleft/gpl.html" rel="nofollow ugc">GNU General Public License</a> as published by the Free 
Software Foundation; either version 2 of the License, or (at your option) any 
later version.
This program is distributed in the hope that it will be useful, but WITHOUT ANY 
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A 
PARTICULAR PURPOSE. See the GNU General Public License for more details.

Simple Category Icons

A simple way to add icons to your categories and other taxonomies.

Joris van Montfort

Add icons to any rich text field in the WordPress block editor. Insert icons inline in paragraphs, headings, lists, buttons, or use the dedicated single icon block.
<h4>Features</h4>
<ul>
<li>Icon picker – Select icons from a searchable popup in the block editor toolbar.</li>
<li>Font Awesome included – Ships with Font Awesome 4.7, 5.x and 6.x. Choose your preferred version from the settings.</li>
<li>Custom SVG icon set – Upload your own SVG icons via a drag & drop uploader in the plugin settings. This is the recommended approach for the best performance.</li>
<li>Single icon block – A dedicated block with font size, color, alignment and spacing options.</li>
<li>ACF integration – Adds a “JVM Icon” field type for Advanced Custom Fields.</li>
</ul>
<a href="https://nl.wordpress.org/plugins/jvm-rich-text-icons/?preview=1" rel="nofollow ugc">See it in action</a>
<h4>How it works</h4>
Pick an icon from the toolbar while editing any rich text field. The plugin inserts a small HTML tag that gets styled by the chosen icon set.
<h4>Why use a custom SVG icon set?</h4>
When you use a custom SVG icon set, the plugin defaults to inline SVG rendering. This is a great choice for performance! Google PageSpeed Insights will thank you.
<ul>
<li>Better page speed – No render-blocking CSS or font files to download. Icons are part of the HTML itself.</li>
<li>Only loads what you use – Unlike Font Awesome which loads CSS for hundreds of icons, inline SVG only includes the icons that are actually on the page.</li>
<li>No external requests – Everything is served inline, so there are no extra HTTP requests for font or CSS files.</li>
<li>Inherits text color – Icons automatically use the surrounding text color, no extra CSS needed.</li>
<li>Fully reversible – The stored content in the database is not modified. You can switch between render technologies at any time from the plugin settings if you want to.</li>
</ul>
Alternative render technologies (CSS masks, ::before / ::after pseudo-elements) are also available for custom SVG icons if your use case requires it.
<h4>For developers</h4>
The plugin provides several filter hooks to customize its behavior. You can load your own icon set, CSS file, or change the icon class prefix.
Load a custom icon set file
<pre><code>add_filter( 'jvm_richtext_icons_iconset_file', function($file) {
 return get_stylesheet_directory() . '/path_to_my/icons.json';
});
</code></pre>
Load a custom CSS file
<pre><code>add_filter( 'jvm_richtext_icons_css_file', function($cssfile) {
 return get_stylesheet_directory_uri() . '/path_to_my/cssfile.css';
});
</code></pre>
To disable the default CSS file entirely:
<pre><code>add_filter( 'jvm_richtext_icons_css_file', '__return_false');
</code></pre>
Change the icon class prefix
<pre><code>add_filter( 'jvm_richtext_icons_base_class', function() {
 return 'my-custom-css-class-name';
});
</code></pre>
Disable the settings screen
<pre><code>add_filter( 'jvm_richtext_icons_show_settings', '__return_false');
</code></pre>
Please note that if you are loading a custom icon set with the plugin hook: <code>jvm_richtext_icons_css_file</code>, you should make sure the plugin is not set to My SVG uploads as this setting does not load any CSS file.

JVM Rich Text Icons

Thank you so much for the plugin, Joris! I am using a modded version of this plugin to insert a custom icon pack that I created. It was so easy to configure.

You have my utmost respect for this amazing plugin.

Incredible and Highly Extensible

Even though the plugin could not be activated due to a syntax error (which I fixed it - to be more accurate - bypassed it), it eliminates the need for me to create a similar block with ACF Pro for my projects, so thank you for this plugin.

Does one job, and does it well.

I can imagine something like this becoming part of core. Very well developed essential addon for the block editor

great gutenberg addon

Insert icons anywhere in your content — inline in text, headings, buttons, or as a standalone block.

Simple Category Icons vs JVM Rich Text Icons