Pavel Designer

Неправильное тут одно: размещение вопроса здесь вместо изучения основ векторной графики, её отличий от растровой, что такое трассировка и где она поможет, а где нет.

Вот прошло первое знакомство с трассировкой. Теперь можно еще попробовать на разных картинках и в разных режимах с разными настройками чтобы увидеть как она работает и забыть про неё.

Сейчас либо разобрать результат трассировки, а потом слить разделённые объекты вместе и наложить нужный градиент, либо взять перо и обрисовать фигуры вручную, перекрасив их как оригинальное изображение.

Во-первых, чтобы сохранять слайсы надо сначала их разместить т.к. вы выделили объекты, а не слайсы. Во-вторых, через slices нельзя сохранять в svg. В-третьих, в svg проще сохранять либо поотдельности (т.е. в новый документ/артборд скопировать иконку и сохранить как svg), либо через asset export (меню - view - asset export), либо с помощью сторонних скриптов/плагинов.

Потому что в примере огромная иконка и малюсенькая. Уменьшите что угодно, любое растровое или векторное изображение, и всегда в уменьшенном и линии и остальное будет меньше. Это как бы очевидные вещи. Если бы у мелкой иконки была такая же толщина линий как у верхней, то она выглядела бы как черное пятно. но это все теория.
На практике кликаем на Help/Wiki далее пункт "How to use custom images" и вот здесь https://github.com/fontello/fontello/wiki/How-to-u... читаем о требованиях к загружаемым файлам, там всё чётко написано — без обводок, только один слитый воедино черный объект. Вот и ответ.

PS Хотите идеально одинаковой толщины линий во всех размерах? Создавайте отдельные иконки и адаптируйте их под разные размеры. Я всегда так говорю клиентам, на что мне всегда говорят «но вектор же можно масштабировать», а потом получают такой же результат и удивляются :D

PPS А вообще, чтобы мелкая иконка была более читаемой надо в крупной это учитывать. Сейчас вы нарисовали (или не вы, а кто-то другой) иконку, которая хорошо (а на самом деле нет) выглядит на пол экрана совершенно не учитывая мелкие размеры. Если не получается рисовать большую с учетом меньших размеров, то попробуйте сделать сначала мелкую, а потом её увеличить и посмотреть на результат. Потом берёте среднее значение и делаете финальный результат. Моя основная специализация это иконки, поверьте моему опыту)

Смарт открывается в Иллюстраторе, вроде бы, только если вставлен вектором (из буфера или через драг-н-дроп). Но могу и ошибаться, это только личное наблюдение.

Если в смарт-объекте векторные элементы, то можно просто открыть смарт в Фотошопе (двойной клик по нему) и сохранить как EPS, например. Затем открыть в Иллюстраторе и сохранить в SVG, проверив, все ли в порядке со объектами.

Если же объекты растровые, то придется их переводить в вектор вручную.

Вообще-то векторные смарт-объекты еще как редактируемы. Двойной клик на нем и открывается: а) если был сделан в Фотошопе, то в новой вкладке/окне Фотошопа; б) если в Иллюстраторе, то запускается Иллюстратор, в нем открывается смарт-объект. Можно изменить что угодно и закрыть с сохранением, а в Фотошопе он обновится автоматически.
Если в векторе сделан, то просто пересохраните 2 svg с нужными цветами фонов и все.
Если не установлен Иллюстратор, то надо установить.

Или у вас просто слой называется Vector Smart Object, а сам слой растрирован?