Application Icons
Description
Application icons are product-specific icons that appear on the user’s desktop and serve as the primary access point for the application. These templates may also be used for mobile app icons.
When to Use
- Application icons are used on desktop displays and mobile device home screens to provide access to the application.
When Not to Use
- Do not use an application icon anywhere within the application itself. Application icons only serve as an entry point into the application.
App Icon Anatomy
- The main white icon is 12X (1200%) scaled icon that can be selected from the full set of Spark Icons . Simply choose solid icon you want to represent the application and place in the PSD Document as a Smart Object within the guides. Copy the layer style from the template and apply to the imported icon.
- Stroke on the outside ensures visibility on all desktop backgrounds light and dark. 12 px radius at 512 size allows for scalability and visibility at smaller sizes.
- Similar to the stroke, the 48px radius on the corners allows for scalability and visibility at the smaller sizes while aligning visual styling with already created buttons pattern from the Spark Library.
- Accent aligns with corner and inner radius of the icon to form the 24 degree Sabre brand angle. This allows for there to me a minor overlap between icon and angle while adhering to Sabre Brand Standards.
- Notice the icon is slightly offset from the absolute center of the launch icon, 24px to be exact. Icon to be visually centered in the application icon.
Get Started
Get the PSD Template and the full set of spark Icons for creating a custom application icon.
Application Icon Templates
Get the latest PSD Application Template and full set of Illustrator streamline icons. Simply follow instructions within the Photoshop document to begin creating your custom Sabre Application Icon.
Exporting Icon
Each Icon is a copy of the original 512x512 px smart object. Each size variation has been pre-sliced for easy exportation. Simply follow the directions below to execute.
Option 1
- File < Export < Save for Web Legacy, Click Save
- Choose File Location *Note: Make sure that under the slices dropdown that ‘All User Slices’ is selected
- Click Save
Option 2
- Individually Select each Smart Object Icon Layer(s)
- Right Click select Export As
- Choose File Format and Location, Hit Save
Document Icon
To avoid creating duplicate launch icons, send an email to spark@sabre.com indicating the name of your product and the Streamline icon that was selected. Also attach a final version of the app icon.