Using A Polygon Symbol

A symbol has been built that includes two polygons; an 8-sided regular polygon and a 6-pointed star polygon. The symbol is a <g> element, containing both polygons, placed in its own <svg> file. The diameter of the symbol is 1, and its center point is (0,0). It has default fill colors of black and white. Polygons used as symbols do not have stroke colors. Note: the symbols are cloned <g> elements, not <use> or <symbol> elements. Each symbol clone includes a time stamp(UTC-ms), creating its unique id.

The Symbol SVG File: diameter(size)=1, center(0,0)
This Symbol <g>: its polygons resized to diameter(size)=30 px, fill colors red and blue, placed in <defs>. Translate clones as required.
Javascript: