Page Comparison

pui["customIconList"] = {
    "icons": [{
        "type": "materialIcons",  // 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": {
            "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 applied. 
        },
        "icons": [{ 
            "icon": "3d_rotation",  // The icons property is an array that will hold all the icons for this set. Each index will be an object with an icon and classList property. 
            "classList": "regular"  // The icon property is the value for the icon. The classList property can be a string or an array holding the keys for classes for the icons. 
        },...]
	},
	{
		"type": "fontAwesomePro",
        "title": "Font Awesome Pro",
        "classList": {
            "brands": "font-awesome-pro-brands-class fa-",  
            "solid": "font-awesome-pro-solid-class fa-", // When the brandssolid key is used, it will apply 'font-awesome-pro-brandssolid-class fa-' + the icon value to the class of the widget. 
														 // So for the case of abacus, it will be 'font-awesome-pro-brandssolid-class fa-abacus'
            "regular": "font-awesome-pro-regular-class fa-",
            "light": "font-awesome-pro-light-class fa-"
        },
        "icons": [{
            "icon": "abacus",
            "classList": ["solid", "regular", "light"]
        },...]

	}
}