Two or three SVG polygons are grouped to create a symbol. This example shows 5000 symbols randomly placed. There are 23 symbols to choose from.

Each symbol's polygons has a native size of 1px. and their center at (0,0). Therefore scale each child polygon to match the desired symbol size. Translate the parent <g> to the desired location. |
5000 SVG Symbols |

Javascript:

OK in:IE11/CH41/FF35