Meet our brand
About SlackBrand valuesSlack name
Foundations
LogoBrand architectureCobrandingColorsTypographyWritingBrand shapesEmoji
Expression
IllustrationPhotographyMotionVideoSoundIconsUI
Experiences
Slack-led eventsSlack at Salesforce eventsCMSEmailSpacesuit
ResourcesResources
About Slack
Our companyBoilerplate copy
Logo
The Slack logoMarkClearspaceUnusual sizesBackgroundsUsage
Brand architecture
SalesforcePartnershipPrimarySecondaryUsage
Color
Core paletteSecondary paletteSpecial use palettesApplications
Typography
Type stackProduct fontSystem fallbacksLocalized languagesStyling typeApplications
Writing
Voice and toneCopy principlesLanguageStylizationUsage
login
AccountSign in
AccountSign out
AccountSign in
AccountSign out
Visit slack.com
THE BRAND
Meet our brand
About Slack
Our companyBoilerplate copy
Brand values
Values
Foundations
Logo
The Slack logoMarkClearspaceUnusual sizesBackgroundsUsage
Brand architecture
SalesforcePartnershipPrimarySecondaryUsage
Cobranding
IntroductionCobranding considerationsLogo usageRetired logosSlack branding elementsSalesforce branding elements
Colors
Core paletteSecondary paletteSpecial use palettesApplications
Typography
Type stackProduct fontSystem fallbacksLocalized languagesStyling typeApplications
Writing
Voice and toneCopy principlesLanguageStylizationUsage
Brand shapes
Types of brand shapesApplicationsDesign considerationsMotionTypes of brand shapes
Emoji
Emoji basicsDesign considerationsUsage
Expression
Illustration
Style principlesPurposeColor paletteObjectsPeopleSlack logoSlack blog illustrationsIllustration library
Photography
Photography styles
Motion
Slack motion design valuesAnimation principlesSlack logoBrand shapesBumpersTransitionsText animation2D animation3D design and animationProduct UICharacter animationStop-motion animationSoundUsage
Icons
Icon basicsDesign considerationsIcon stylesUsage
UI
Designing for UI screensHigh fidelitySimplifiedAbstractedWriting for UIUsage
Experiences
Events (Slack-led)
IntroductionLogo usageDesignExperiencesField eventsStrategic eventsSlack at Salesforce eventsUsage
Events (Salesforce-led)
IntroductionDesignUsage

Icons

From Slack features to real world objects and abstract concepts, icons help us represent information more easily. Icons are nuts and bolts; emoji are bells and whistles.
download brand icons
download brand icons

Highlights

  • We have an extensive icon library, so you don’t need to create your own. Icons come in two colors: black or white.
  • Please don’t use them as decoration or as a substitute for illustration in designs. Always pair with copy.
  • You can use icons from either of our two sets: brand or product.

Icon basics

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.

Design considerations

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 shapes, use colors from our core or secondary palettes
For circles, use colors from our core or secondary palettes

Icon styles

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

We’ve created these to represent actual objects that live outside of Slack or abstract concepts, like coffee or collaboration.  You’ll see brand icons across our website, in emails or at our events.
Access brand icons
Sign in for access
Access brand icons

Product

We’ve created these to represent actual objects that live outside of Slack or abstract concepts, like coffee or collaboration.  You’ll see brand icons across our website, in emails or at our events.
Access product icons
Sign in for access
Access product icons

Usage

Don’t change the icon colors to anything besides black or white
Don’t use icons outside of our approved brand and product sets
Don’t scale icons disproportionally.  Make sure the weight stays consistent.
REQUESTS OR QUESTIONS?
Let us know how we can help:
slack-brand-center-help
brand@slack-corp.com
Meet our brand
About SlackBrand valuesSlack name
Foundations
LogoBrand architectureCobrandingColorsTypographyWritingBrand shapesEmoji
Expression
IllustrationPhotographyMotionVideoSoundIconsUI
Experiences
Slack-led eventsSlack at Salesforce eventsCMSEmailSpacesuit
©2021 Slack Technologies, LLC, a Salesforce company.
All rights reserved.
Privacy PolicyGovernance