Stichwörter

[Raketenwissenschaftler]

Variante 1:

Das Sechseck befindet sich innerhalb des Link-Tags und wird, sobald für den Link die Psedeudoklasse :hover zutrifft, gedreht. Das eigentliche Symbol ist einfach eine darüber befindliche Grafik.

https://developer.mozilla.org/en-US/docs/Web/CSS/transform

Variante 2:

Sechseck und eigentliche Symbol sind als SVG ausgeführt. Auf dessen einzelne Subelemente kann dann, wie oben, auch CSS angewendet werden.