An App’s icons are used as a symbol which represents its purpose, it is now being moved from the settings area to app studio to be more inline with where it is used. The icons area is used to store and manage all the icons used in the site in apps and templates, when clicking on an icon you can now be taking to where these are used and see the meta data of the asset
By default, the app icon will have a crossed greyed out camera icon, but by adding custom icons with distinctive pictures would helps users to navigate around the site. It is recommended to selection the same icon for all apps, multiple icons help avoid confusion between the apps, using an icon such as a globe icon to present the Locations app that gives it a unique differences.
Adding an Icon (outside of the Icons Area)
There are two different ways of setting up an icon, this being Choose Icon and Upload New. Choose Icon should be use if you would like to select an icon which has been saved or has been previously used. Upload New should be used if you would like to select a new icon.
If you select Choose Icon it will show a pop-up menu with the icons saved onto the site as a grid layout. To select onto the icon simply click onto and click 'Ok'. Alternatively, if you would like to select an icon from it’s Filename it is best to use the list Layout thats seen in the top left, this is particular useful if there are a lot of icons on the site, Quick Search can be used to quickly identify an icon in a long list.
Once that it completed, you must select Save which is found at the footer of the page to make sure the change has gotten through.
If you clicked onto the Upload New button it will show a pop-up menu which allows you to select the Icon file.
By clicking onto the Select Icon button it will bring you onto the File Explorer where you can find the icon which you want to use. The Icon will now be added to the pop-up menu with its information about its size and dimensions.
However, you may encounter a problem with selecting the icon which would show a warning symbol in the Icon column. There are two main reasons for this being the dimensions and the size limit. The icon which you choose to use must be a square image where Width equals Height and this can be solved by cropping the image which can also be used to reduce the file size.
This will then show another pop-up menu which allows you to crop the image through a blue square. Once you return to the previous menu the dimensions should now be identical and the warning symbol should now be replaced with the icon you chose which you then you should now select Ok.
If the save has been successful, the Status column should show a green bar with 100% progress indicated the save is completed and you can now click on Ok then onto Save in the Footer.
To find information of the icons used on the site you can do so on the Icons Record which you can find the list of icons used with information about its Filename and Size and the option to download.
By clicking onto an Icon, it will bring you to a page with two templates being Icon Configuration and Icon Usages.
With the Icon Configuration it allows you to change the title of the icon and displays some more information about it such as the image type. But with the Icon Usages template you can find where the icon is used. This is useful for deleting unused icons and seeing where its used and by clicking onto the button it will bring you to the App or Template.
Changes from previous version
If you are familiar with the previous version of Icons there has been some improvements which allows the Icons to work offline. This works as they don’t need to load from the server so there will no longer be a loading spinner for apps icons.