They say a picture paints a thousand words. Well, our icons do that too. They're the ultimate shorthand — straightforward, simple, accessible.
Icons are symbols that should be simple and easy to understand by most (if not all) regions and always paired with copy. Use them sparingly and with intention—not as decoration or as a substitute for illustration. We did the work for you creating our icon library, so there’s no need to create your own.
Icons can be placed on solid color backgrounds, within branded shapes or inside circles. In any case, backgrounds should come from our core or secondary color palette. Refer to our color page for specific guidance on color.
Select a background color with high contrast to the icon
For brand icon, user color form our core or second color palettes
For circles, use colors from our core or secondary palettes
There are two sets of icons: brand and product. Brand icons represent objects that are outside of product or abstract concepts, while product icons refer to our features and product experience. For brand design or marketing, you can draw from either set to use the icon you need.
Brand icons are meticulously crafted to encapsulate the very essence of a brand's identity and values. They are strategically designed to forge a distinctive and unified visual identity that deeply resonates with the brand's target audiences. The primary objective is to create a lasting impact, ensuring that these icons remain firmly embedded in the minds of consumers, effortlessly triggering a sense of familiarity and conjuring associations closely tied to the brand they represent. Through their deliberate construction, brand icons aspire to be memorable, instantly recognizable, and capable of evoking a range of emotions and perceptions that align with the brand's core essence.
Product icons are meticulously crafted to encapsulate the essence and purpose of a specific product or software application. They are strategically designed to be visually distinct and instantly recognizable, serving as a shortcut or visual identifier for users. These icons are carefully constructed to ensure clarity and intuitiveness, enabling users to quickly and easily identify and access the associated product or application.
Don’t change the icon colors to anything besides black, white, cores
Don’t use icons outside of our approved brand and product sets
Don’t scale icons disproportionally. Make sure the weight stays consistent.