Guidelines

Iconography

Consistently styled visuals for our products.

Used sparingly, Thumbprint icons provide increased meaning and visual importance to sections of content and user actions. Our published set consists of about 100 custom-drawn icons divided into nine categories, with a back catalog of another 400 that can be added as needed.

Sizes

Each icon comes in at least two sizes, “medium” and “small”, with a smaller number in a “tiny” size, and each is available for React, HTML, Android, PNGs for iOS, and the SVG itself.

SizeDimensionsExample
Medium28x28
Small18x18
Tiny14x14

Don’t resize icons

Although SVGs are resolution independent these icons were pixel-aligned to be rendered only at the dimensions provided. If you have a special case please contact the Design Systems team.

Was this page helpful?

We use this feedback to improve the quality of our documentation.