$Foswiki::cfg{JQueryPlugin}{IconFonts} setting if not already present:
$Foswiki::cfg{JQueryPlugin}{IconFonts} = {
...
  'material' => {
    'prefix' => 'ma',
    'definition' => '$Foswiki::cfg{PubDir}/$Foswiki::cfg{SystemWebName}/WebFontsContrib/material-icons/material.json',
    'css' => '$Foswiki::cfg{PubUrlPath}/$Foswiki::cfg{SystemWebName}/WebFontsContrib/material-icons/font-face.css', 
  },
...
};
This will register the ma prefix to refer to the given icon definition so that below call to %JQICON will load the appropriate 
css and font files:
You type:
%JQICON{"ma-add-alarm"}%
You get:
where add-alarm is the name of an icon. See the full list of all icons below.
= '') {
         count = $overview.find(".entry").show().length;
      } else {
         count = $overview.find(".entry").hide().filter(function() {
            return regex.test($(this).text());
         }).show().length;
      }
      $counter.text(count);
   }
   $(".filterIcons").on("search", function() {
      var $input = $(this);
      if (typeof(timer) == 'undefined') {
         window.clearTimeout(timer);
      }
      timer = window.setTimeout(function() {
         var val = $input.val();
         filterOverview(val);
         timer = undefined;
      }, 250);
   });
   filterOverview();
});
%ENDATTACH%
Search: 
 Copyright © by the contributing authors. All material on this site is the property of the contributing authors.
Copyright © by the contributing authors. All material on this site is the property of the contributing authors.