CustomFontIconPicker

A font icon picker for custom fonts in Umbraco. This Umbraco plugin serves to optimize your icons with custom icon fonts while still allowing your non-technical content editors to choose what icons they want.

Installation

1. Download plugin 
2. Drop folder into your Umbraco "App_Plugins" directory or add via Umbraco Developer tab
3. Create a DataType using the property editor
4. Write your custom CSS selector prefix
5. If your font is not already loaded, you can add the stylesheet URL.
6. Open the file CustomFontIconPicker/js/iconList.json and add each of your custom icons, replacing the example code.

1. "twitter": {            //name of icon, for your references
       "name": "Twitter",  //name the end user (content editor) will see
       "class": "twitter"  //class that the font icon uses to call in CSS
   }