Style guide
Firefox OS app icons
Basics
A Firefox OS application icon is a 60x60 pixel image provided in 24-bit PNG format. Each of the standard OS application icons is contained within or underlayed with a 58 pixel diameter circle shape.
58 pixel diameter circle
A drop shadow is automatically generated based on the icon’s silhouette shape; do not include a drop shadow in the image you provide.
Common silhouette shapes & recommended sizing
Please follow the suggested sizing for common shapes below.
If your icon has a unique silhouette, it is important that you gauge the weight of it in relation to the standard set of Firefox OS icons for maximum consistency. A PSD template has been provided for you to drop your icon in to test for proper sizing. See: MozillaFXOSIconGrid.PSD
Do
Do not do
Circle shape
It is recommended that you either a) crop your icon with a circle shape or b) use a circle shape as a backdrop as in the following examples.
a)
b)
c)
You can also make the object in front ‘break frame’, extending beyond the circle, as in the following example:
Examples
Download
Getting started templates
Icon (circle)
Icon (rounded)
Icon (square)
Icon grid
