That is nifty, done with absolute positioning and rotating the wrapping element, and then rotating the element itself back with the exact same amount … But would you want to, or could one do this with SVG paths? Not like it is now I am afraid. Maybe better recreate those SVG paths as separate SVG’s. Then one can have those SVG’s in containers which all have
position: relative; rotate those, and put
position: absolute on those SVG’s, and rotate those with the same amounts back. That could work I think, but still have to try this out.