The plugin uses a WordPress font named “Dashicons” to render button icons. We made this choice because the font is already part of WP core and you will not need to add any other plugins or page-builder components just to get some simple icons in your buttons. Saves time and bandwidth.
You may use Bootstrap or Genericons or any other font but, it must be one that you know is imported into your theme and can be accessed by this plugin. Most all fonts use Unicode character sets to render the icon, so we left options for you to be able do such.
Let’s start with the font that IS included with this plugin. Dashicons is the official icon font of the WordPress admin as of 3.8. You do not have to invoke any scripts or upload/import any font families to use it. For knowledge, you can read about Dashicons here: https://developer.wordpress.org/resource/dashicons/
Simply choose the icon Unicode number and type it into the input fields. Be sure to include the backwards-slash in front of the character alpha-numeric. (The Dashicon developer page is not very clear about doing this.)
If you are wondering why we use Unicode identifiers for the Finder icons and are then using the icon “name” for the Toolbox… the Finder box uses javascript to create the content of the box. Therefore it is harder to replace or change a javascript variable or placeholder with anything that is too bulky, like the icon formal name.
The Toolbox is rendered using HTML and has more functionality to it than the Finder box. The Finder box is part of the original FindWord TSW plugin and had a different method of displaying the page elements. The Toolbox was designed with more user-friendly design elements which make it easier to setup.
You can use any icon name or icon character set (Unicode) with these settings but if it is not Dashicons or Bootstrap fas icons then you might have to alter the plugin templates. But these two font are fully supported at this time.