Как бы такое лучше сверстать?
проще: всего запилить качественной картинкой jpg.
сложнее: сделать блоки с текстом и абсолютно их позиционаровать 
сложно и нудно: текстовые блоки абсолютно позиционировать и линии эти цеплять к блокам псевдоэлементами
Если это svg - смело вставляй. Если нет - я не завидую) В принципе можно разделить на блоки Иконка-заголовок-текст с линией внутри svg-шкой. Только придется о-о-очень тщательно проверять под всеми браузерами и разрешениями.
Короче - требуй у дизайнера свг.
P.S.Ну или если заказчик туп как пробка, а готовую работу в портфолио вставлять не будешь - сделай, как в комменте выше - вставь картинку :)
P.P.S. А иконка в центре меняется при наведении на блоки? Если да, то забудь первый пост-скриптум. Юзай свг или псевдоэлементы для линий, текст - текстом. И надейся, что заказчик этот текст менять не будет никогда)