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

Question

[jIVOYz]

Вот нашёл интересный макет в фигме, и там есть один блок с рядом иконок

Но проблема в том, что я как понял, автор эти иконки делал сам, и он не соеденил все её части в одну нормальную иконку.

Как мне тогда такое сверстать, темболее что они ещё и поставил View Only для своих макетов.
Как быть?

Comments

[Вадим]

Если не можете экспортировать или скопировать себе, в свою фигму, то очевидно, сделать скриншот и вырезать из него?

[Froggyweb]

бред какой-то. как твой скрин соотносится с картинкой сверху?

[Сергей delphinpro]

Вадим, А еще лучше заскриншотить всю страницу, и целиком вставить в img
Ну а что? Зато совпадение с макетом 100-процентое.

Каких только советов не увидишь здесь...

[Вадим]

Сергей delphinpro, ок. Только не понятно к чему, если это было обозначено как крайний случай. А автор явно не в прод что-то делает.
Но зато покритиковали, ничего не предложив. Понимаю, достойно и полезно. ;-)

[Сергей delphinpro]

Вадим, обычно части иконок сгруппированы как-то. можно экспортировать группу. не на одном уровне же всё там расположено.

Answer 1

[Юрий]

Скопировать к себе, сгруппировать, экспортировать в SVG.

Comments

[Goroshko]

Здравствуйте! Я создала вектор так же с множеством линий, сгруппировала (cmd+G) и экспортировала (svg) в папку. В итоге в папке есть каждая линия в отдельном файле SVG... Что-то не так я сделала или это неверное решение проблемы?

[Юрий]

Скорее всего, когда вы делали экспорт, в панели слоёв была активна не группа, а её содержимое. Если выделить элементы внутри группы, получится так:



Вам же нужно выбрать именно группу, нажав мышью на её заголовок в панели слоёв. Должно получиться так:



Точно так же можно вместо группы использовать фрейм, логика такая же.