Firefox Focus is a privacy-focused mobile browser developed by Mozilla, first launched in 2016 as a tracker-blocking app for iOS before evolving into a dedicated private browsing browser for both iOS and Android.[1] Its visual identity is part of the broader Firefox product family, sharing the familiar fox-and-globe motif with the main Firefox browser while using distinct recolored variations to set it apart.[2]
Design and History
Firefox Focus launched in 2016, and its icon has undergone several revisions since then. The French Wikipedia article on Mozilla Firefox logos documents three distinct Focus logo periods: 2016 to 2017, 2017 to October 21, 2019, and the current version introduced on October 22, 2019.[3]
In June 2019, Mozilla unveiled a new family of Firefox logos as part of a rebranding effort announced in July 2018. The company introduced icons for its various products, including Firefox Focus, which was categorized among the “singularly focused browser icons” alongside Firefox Reality.[4] The rebrand was led by Michael Chu of Ramotion, who “was the driving force behind the new parent brand and system icons,” with Jon Hicks, the original Firefox logo designer, providing design advice.[4]
The October 2019 update brought the new fox-and-globe icon to Firefox Focus, aligning it with the refreshed Firefox family identity. The redesign changed the globe from blue to purple in the broader Firefox logo system.[2]
In October 2021, Mozilla gave Firefox Focus another visual refresh. According to the official Mozilla blog, the update added “new colors, a new logo and a dark theme.”[5] The new icon traded the white fox for a purple one, which wraps around a more orange globe than its predecessor, while retaining the distinct Firefox look.[6] The shape of the fox in the 2021 Focus icon matches the Firefox browser icon introduced in June 2019, with the difference being the vibrant purple gradient applied to the Focus version.[7]
Meaning and Symbolism
The Firefox Focus icon depicts a stylized fox partially surrounding and overlooking a globe, a motif shared with the main Firefox browser.[2] The Photon Design System, which launched with Firefox 57, describes the app icons as retaining “familiar elements of past app icons (like the fox and globe) but signal the profound changes in the product with bold colors and simplified shapes.”[8]
The purple color scheme serves as a distinguishing marker for the Focus product line within the Firefox family. Community discussions and Mozilla’s own product materials note that purple is the color associated with Firefox Focus and its German-market counterpart Klar, setting it apart from the orange-and-blue palette of the standard Firefox browser.[9]
Typography and Design
Mozilla’s Photon Design System provides official product identity assets for Firefox Focus, including the app icon available for download in SVG, PDF, and PNG formats.[8] The brand guidelines specify that app icons should be used with the Firefox wordmark and product designator appearing to the right as the preferred lockup, and that icons should not be made the most distinctive or prominent feature on non-Firefox content.[8]
The 2019 Firefox rebrand introduced “a new color palette, a new shape system, and a modern typeface” across the product family, though specific typeface details for the Focus wordmark are not documented in the available sources.[4]
Logo Index is an independent educational archive covering logos, visual identities and graphic design history. All trademarks and brand assets remain the property of their respective owners.
