Salesforce1 Mobile App Developer Guide
jCustom Icon Guidelines and Best Practices
You can add custom icons to your actions or custom tabs
if your organization has access to the Documents tab.
If you decide to create your own action or tab icon, upload it to a Documents folder and make sure Externally Available Image is selected.
When creating a custom icon, follow these image guidelines. The icon should:
- Be less than 10k in size
- Be 120 x 120 pixels
- Be a PNG with a transparent background
- Have a resolution of 72 dpi
- Not include a color background
- Not include outer shadows on the inner icon graphic
In addition, follow these visual guidelines.
- Center inner icon graphics within a 80 x 80 pixel area, leaving 20 pixels of spacing surrounding it in a 120 x 120 px final format.
- The icon graphic should be white, or lighter than the background color.
- Avoid heavy inner or outer shadows.
- Use simple and flat styling resembling the Salesforce1 icon family. See the Salesforce1 Style Guide for examples.
You assign custom icons using the Change Icon link when you create the action or tab.
You can also customize the icon that is used in the navigation menu for canvas apps. See Custom Icons for Canvas Apps.