function preload() {
  img = loadImage('data/pic.png');

  shapes = [];
  shapes.push(loadImage('data/056.svg'));
  shapes.push(loadImage('data/076.svg'));
  shapes.push(loadImage('data/082.svg'));
  shapes.push(loadImage('data/096.svg'));
  shapes.push(loadImage('data/117.svg'));
  shapes.push(loadImage('data/148.svg'));
  shapes.push(loadImage('data/152.svg'));
  shapes.push(loadImage('data/157.svg'));
  shapes.push(loadImage('data/164.svg'));
  shapes.push(loadImage('data/166.svg'));
  shapes.push(loadImage('data/186.svg'));
  shapes.push(loadImage('data/198.svg'));
  shapes.push(loadImage('data/224.svg'));
}
pixel mapping. each pixel is translated into a new element (svg file).
take care to sort the svg file according to their greyscale value.

KEYS
s                   : save png