Iconography

Create custom icons based on the following guidelines to yield a consistent style. Propose your icons be included in the common set by adding an issue in Github. For implementation instructions, visit the Icon component page.

Design asset

You can find the icon grid template and see all of our icons in the PSDS - Icons Figma file.

Canvas Size, Padding, Live Area

Keyline shapes

Sizes for basic shapes.

Examples

2px strokes. Use right angles as often as possible. Round large exterior corners to 1px, Round small exterior corners & stroke terminals to 0.5px. Use right angles when possible.

Things to avoid

What not to do when designing icons for the design system.