Icon design

Have fun drawing these using our Ai template with brushes


How we design them

  • Keep brush width to 2px in relation to the whole area squared 24px allowing for some uneven marker pen like edges
  • Keep counterspaces (gaps between black areas) at least the width of 2px. This makes the icon clear at small sizes without ink traps (where at small sizes we see no details but bunched up black blobs)
  • Strokes are freehand and rough with rounded edges like marker pen
  • Avoid any 3D perspective, keep lines generally as verticals, horizontals, circles and 45 degree angles as much as possible
  • Stay inside the 4px safe zone, unless the icon really needs to jut out, you can go 2px into the safe zone

Icon example

icon example