SVG icons: sizes, sprites and color

These icons from the guide have been assembled by hand into an external SVG sprite. Compare their sizes and colors, and see how a decorative icon works inside a labeled button.

24px icons

32px icons

48px icons

Decorative icon inside a named button

External image boundary

The standalone image below keeps its own color. Page color does not cross an img boundary.

Hand-drawn icons at 24px

These icons were drawn by hand. The fourth has extra bars that crowd the design; the fifth removes them for a simpler shape.