ピクセルグリッドを内包した抽象的な六角形シンボル

<g class="group cursor-pointer" transform="translate(400, 50)"><polygon points="0,-40 35,-20 35,20 0,40 -35,20 -35,-20" class="fill-black border border-white/10 stroke-white/10 stroke-[1.5px] group-hover:stroke-[#00f2ff] group-hover:fill-[#00f2ff]/5 transition-colors" style="transform: none; transform-origin: 50% 50%; transform-box: fill-box;"></polygon><g transform="translate(-12, -12)" class="text-white/20 group-hover:text-white transition-colors fill-current"><g><rect x="0" y="0" width="10" height="10"></rect><rect x="14" y="0" width="10" height="10"></rect><rect x="0" y="14" width="10" height="10"></rect><rect x="14" y="14" width="4" height="4"></rect><rect x="20" y="14" width="4" height="4"></rect><rect x="14" y="20" width="4" height="4"></rect></g></g></g>