<div class="canvas"> <svg viewBox="0 0 512 512" overflow="visible" class="hex"> <defs> <symbol id="symbolTrapezoid" fill="#ff7a7a"> <polygon id="trapezoid" points="140.8125,56.46875 128.03125,78.625 383.96875,78.625 371.1875,56.46875"/> </symbol> <polygon id="hexagon" points="0,256 128,34.297497 384,34.297497 512,256 384,477.7025 128,477.7025"/> </defs> <g id="animateHexagon"> <set id="resetRotate