24px · 1.75px stroke · round joins
icon
Section 04
Icons + motion
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
24pixel grid
1.75pixel stroke
Roundcaps + joins
SVG + PNG + ICO
bundle
Icon and favicon package
The Putt curve
Use cubic-bezier(.4, 0, .2, 1) for responsive state changes. Keep functional interactions near 200ms and page-level movement below 600ms.