Move like a putt.

Interface marks stay light, round, and legible. Motion follows the same rule as a good stroke: deliberate acceleration, clean arrival, no flourish after the result.

A consistent stroke

Draw on a 24px grid with a 1.75px stroke, round caps, and round joins. Never scale below 16px.

24px · 1.75px stroke · round joins
icon

Core interface icon sprite

Source: archive/source-material/Color and Icons.dc.html

SVG + PNG + ICO
bundle

Icon and favicon package

Source: archive/source-material/Color and Icons.dc.html

On-brand color variants

Each icon also ships as a standalone SVG file at /assets/icons/svg/{name}.svg, stroked with currentColor so it inherits whichever brand color surrounds it.

Color

Quick open