Skip to content
← Components

Style library

Icons, in your colours.

Icons are small, but their style says a lot: thin and airy, solid and confident, soft or sharp. Pick your brand colour and background, look through the sheets (move the pointer over one, or tap it on a phone, and it comes to life), mark the styles you like and send them to me. The twelve icons only show a style; it is the style we carry over to your site's own icons. That is where we start.

This is not part of a quote and has no price: it is only direction, so we find your site's style faster.

Your system is set to reduced motion, so the icons do not animate.

  • Build your own

    Mix any weight, corners, frame and motion.

    Regular · Round · Circle · Hop

  • Regular · Round · Bare · Draw

  • Bold · Round · Circle · Hop

  • Hairline · Sharp · Bare · Draw

  • Solid · Round · Tile · Pulse

  • Duotone · Round · Circle · Draw

  • Light · Round · Bare · Hop

  • Bold · Sharp · Tile · Still

  • Solid · Sharp · Bare · Pulse

  • Duotone · Sharp · Tile · Hop

  • Regular · Sharp · Circle · Pulse

  • Hairline · Round · Circle · Still

  • Solid · Round · Circle · Hop

  • Light · Sharp · Tile · Draw

  • Bold · Round · Bare · Pulse

  • Duotone · Round · Bare · Still

  • Regular · Round · Tile · Hop

  • Hairline · Sharp · Tile · Pulse

  • Solid · Sharp · Circle · Draw

  • Light · Round · Circle · Pulse

  • Bold · Sharp · Bare · Hop

  • Duotone · Sharp · Bare · Draw

  • Regular · Sharp · Tile · Still

  • Light · Round · Bare · Draw

  • Hairline · Round · Tile · Hop