Я хотел бы центрировать этот SVG-изображение по кругу, чтобы он выглядел примерно так:

Я попробовал взять путь из svg и создать другой svg с этим путем и кругом, например:
Код: Выделить всё
svg {
padding: 5px;
fill: none;
stroke: black;
stroke-width: 1px;
stroke-linejoin: round;
}
svg:hover {
stroke: red;
}Код: Выделить всё
Но я не знаю, как центрировать путь в круге, как мне это сделать?
Подробнее здесь: https://stackoverflow.com/questions/665 ... svg-circle
Мобильная версия