svg Path

Когда я использую SVG, чтобы нарисовать цикл и поместить текст, то как центрировать текст на SVG Path?

Подскажите, можно ли получить массив точек из svg path?

Нужно как-то создать библиотеку иконок, чтобы при создании элемента <svg> ему можно было просто указать класс css, но так, чтобы эффекты hover и различные модификаторы класса влияли на иконкуНапример:

Есть такой код:

Как можно сделать точно такой же hover-эффект, как на этом сайте при наведении на svg-иконку закрытия меню?

Как анимировать сначала первый тег path, а затем другой?