Primary Icons
Icons
Product Icons
Icons are a crucial part of any design system or product experience. Icons help us quickly navigate. They are language-independent. And best of all: they’re real tiny, so they don’t take up very much real estate.
Icon Style
Stroked icons give you great ability to create tiny details. We have tried to strokes all need to be the same weight. They’re simple, informative, and build on the visual language of the design system.
Icons are based on a 8pt grid system and come in four keyline shapes—circle, square, vertical rectangle, and horizontal rectangle.
Secondary Icons
Toggle Icon
Stroke
Icon sizes | 16px | 24px | 32px | 40px | 80px |
---|---|---|---|---|---|
Stroke Width | 1 | 1.25px | 1.5px | 1.75px | 2px |
Sizes
Icons with Button