Iconography
Overview
Icons help people find their way around Joisti. They are simple line drawings in Black, used beside a label rather than instead of one.
Icons
Our product icons. Rounded ends and simple shapes, so they sit comfortably beside the rounded wordmark.
Icon grid
Every icon is drawn on a 24px grid with a 2px stroke. The keylines keep circles, squares and tall shapes looking the same size.
24×24 px grid2px stroke
Principles
Three rules for every icon.
One idea per icon, readable at a glance.
A 2px stroke with rounded ends.
Line only, never filled or colored.
Sizes
Use these sizes rather than scaling freely, so strokes stay crisp.
16 px
24 px
32 px
48 px
Updated Oct 09, 2026Made with