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

Question

[DeniSidorenko]

Добрый день, подскажите пожалуйста каким образом можно сделать такой семи круг с пукнтами?

Comments

[Moskus]

Полукруг, блин, какой ещё "семи-круг"...

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/Xwgqje
Собственно я порнуху сделал только с иконкой так как лень было рисовать и ещё куда то выкладывать
В общем смысл такой - рисуем изогнутый path в мой случае это M0,150 Q250,100 500,150
И потом круги и всё остальное подгоняем в размеры
Можно вместо иконок поставить дубликаты в svg это use расписать их в defs но мне это было лень

Answer 2

[Rokkido]

Сверстай в одни ряд, присвой классы каждому элементу и с помощью position: relative и top: -5px (или больше) выровняй.

Comments

[DeniSidorenko]

Я больше спрашиваю про линию, или лишь svg?

[Шохрух Шаймардонов]

DeniSidorenko, свг проще и правильней. Ибо придется какой нибудь див блоки клип пэзами ломать.

Answer 3

[forspamonly2]

банальный бордер-радиус тоже прокатит