Как нарисовать иконку в illustrator с один path?

Question

[HamSter]

На сайте iconmonstr иконка меню в svg выглядит так (один path):

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M24 6h-24v-4h24v4zm0 4h-24v4h24v-4zm0 8h-24v4h24v-4z"/></svg>

А если рисовать в илюстраторе:



Контур объеденяю, соеденяю ... но ничего не получается сделать похожее, 3 path получаются.

Вопрос: Как сделать похожую иконку с 3-мя линиями и одним path как в iconmonstr, но в illustrator?

Answer 1

[Нерон Лордов]

выделяешь формы и жмешь ctrl+8, превращая формы в единую compound path

Comments

[HamSter]

Спасибо, то что нужно!

Answer 2

[Максим Тимофеев]

илюстратор не работает с svg, он умеет импортировать в него. Чувствуете разницу?
Для svg есть inkscape (он бесплатный). Так что если удобно рисовать в иллюстраторе, потом открывайте в inkscape (если не ошибаюсь он прямо может файлы иллюстратора открывать), там доводите до ума, оптимизируйте. Потом сохраняйте, открывайте в блокноте и там еще оптимизируйте.
Есть и онлайн инструменты для оптимизации svg, но не всегда адекватно работают. Вот, на мой взгляд, лучший: https://jakearchibald.github.io/svgomg/

Кстати если Вам нужно просто разные размеры, то не надо 3 path делать, в svg есть <use> для этого.

Ну и такие вещи проще вообще ручками писать. Там же 6 точек всего. Открыл блокнот, накидал, сохранил - получил оптимальный svg.

Comments

[HamSter]

Не чувствую!!! Иллюстратор прекрасно настраивается для оптимизации и работы с svg. use тут вообще не по теме вопроса.

[HamSter]

За программу спасибо, попробую еще и ее, может быть и впрямь лучше

[Максим Тимофеев]

Иллюстратор прекрасно настраивается для оптимизации и работы с svg

Это Вам так кажется. Говнокодит он по страшному. Но это проблема не ai, а скорее любого ПО.

[HamSter]

Максим Тимофеев, что в Вашем понимании говнокодить? Выдает стандартный svg, а вот разные другие програмки для работы с вектором как раз-таки и выдает svg с множеством лишних записей (defs, title ...)

[Максим Тимофеев]

HamSter, defs это очень удобная штука в правильных руках. Именно как раз в defs все прячем и через use используем.

[Нерон Лордов]

илюстратор не работает с svg

вы, батенька, хоть раз иллюстратор открывали? Иллюстратор очень даже работает с SVG.