Красиво, четко. Но в данном случае вы использовали :after. А по условию вращаться вокруг должен еще один див. Именно с этим проблемы.
Ну какая разница?
div от псевдо в данном случае отличается только тем, что один в разметке, а другой нет. Уберите в псевдо свойство content и замените селектор, получите тоже самое.
Мне просто надоело писать дивы.
Чисто на CSS берете эту вашу SVG и засовываете в clip-path. Потом еще раз сверху псевдиком.
;)