Как сверстать такое лого?

Question

[ivn-zee]

Мне нужно сделать с этой штукой анимацию, поэтому svg не подойдет, я так думаю. С помощью чего можно сверстать такое лого, чтобы можно было использовать на нём анимацию?

Comments

[bQ1]

В свг тоже можно анимации мутить

[Rustam Bainazarov]

SVG великолепно анимируется. Более того, это второй по функционалу инструмент для создания анимированных элементов после canvas'а. А в ряде вещей и вообще первый.

Answer 1

[najmubadr]

Если так хочется в css можете нарисовать круг с обводкой далее с помощью двух блоков вырезаете всё лишнее из круга и дальше :before и :after создаете два круга для каждого края и подгоняете с помощью позиционирования. Но это получится рукоблудие.