Animate Polygon Sprites

There are 30 sprites placed in a <defs>. Each sprite is comprised of a <g> element containing polygons created with their centers at (0,0) and sized at 1 pixel. Therefore they can be seamlessly transformed, making them ideal for animations.
Click on a button to rotate its sprite and the associated symbols

SVG Source:
OK in:IE11/CH41/FF35