Page Comparison

pui["customIconList"] = {
    "icons": [{
        "type": "material",  // The type property is the unique key that this set will have 
        "title": "Material Icons", // The title property is the value that will be displayed in the dropdown list of the Icon Selector Dialog 
        "classList": { // Collection of key-value pairs, where the key matches one or more "regular": "pui-material-icons" // The classList property is an object that will take the key for the class and use a string for the value. The value will be the class name that will be appliedclassList" keys in entries in "icons". The "value" is output in 
                      // the icon's HTML as the CSS Class Name. 
        },{
            "": "icons": [{pui-material-icons"         //The key may be the empty string. Used for a condensed form of the list, where each icon uses the same CSS Class Name.
        },
        "iconicons": "3d_rotation", [
        // The icons property is an array that will hold all the icons for this set. Each indexentry willcan be an object with an icon and classList property, or entries
        // can be strings. In the latter case, the "classList" value is considered to be "".
        { 
            "classListicon": "regular3d_rotation",  // The icon: property is the value for the icon. This name determines which icon is displayed.
The classList property can be            "classList": "regular"  // classList: a string or an array holding the keys for classes for the icons. 
        },
        "block",                    // For "material" icons, the entries in "icons" should be strings. This is the value for the icon.
        ...
      ]
	},
	{
		"type": "fontAwesomePro",
        "title": "Font Awesome Pro",
        "classList": {
            "brands": "font-awesome-pro-brands-class fa-",  
            "solid": "font-awesome-pro-solid-class fa-", // When the solid key is used, it will apply 'font-awesome-pro-solid-class fa-' + the icon value to the class of the widget. 
														 // So for the case of abacus, it will be 'font-awesome-pro-solid-class fa-abacus'
            "regular": "font-awesome-pro-regular-class fa-",
            "light": "font-awesome-pro-light-class fa-"
        },
        "icons": [{
            "icon": "abacus",
            "classList": ["solid", "regular", "light"]
        },...]

	}
}