Как векторизовать иконку

Здесь враг — сглаживание. В иконке на 32 пикселя мягкие серые пиксели вдоль каждой диагонали составляют заметную долю изображения, и у движка нет способа узнать, что они должны были быть жёстким краем, а не настоящим промежуточным тоном. Дайте ему версию на 512 пикселей — и тот же край станет переходом в один пиксель на фоне сорока девяти чистых: форму уже ни с чем не спутать.

Если иконка монохромная, сделайте её по-настоящему монохромной до конвертации: чистый чёрный на прозрачном или чистый чёрный на белом, без мягкой тени и деликатного внутреннего свечения. Каждый такой эффект превращается в фигуры на выходе, а фигуры на выходе — это узлы, которые придётся искать и удалять.

В том размере, в котором вы на неё смотрите, почти любая трассировка выглядит хорошо. Настоящий тест — число узлов: откройте контур и посчитайте точки. У хорошо нарисованной иконки точки стоят только там, где кривая действительно меняет направление: у скруглённого квадрата их восемь, у круга четыре, у шеврона три или шесть. Если простая фигура вернулась с шестьюдесятью, движок гнался за пиксельным шумом, и она будет медленно рендериться, плохо правиться и слегка «не так» смотреться в масштабе.

На Lite и выше этим напрямую управляет настройка детализации: ниже детализация — агрессивнее слияние и меньше, чище узлы. Опускайте, пока углы только не начнут размываться, затем верните на шаг назад. На Free уровень выбирается автоматически, и повлиять на него можно только качеством исходника.

У наборов иконок есть сетка — обычно 24×24 с двухпиксельным запасом или 16×16 для плотных интерфейсов. Трассированный контур ложится там, где лежали пиксели: рядом с сеткой, но не на ней, и в мелких размерах это «рядом» и заставляет одну иконку в ряду выглядеть на полпикселя тяжелее соседних.

Привяжите готовые контуры к целым координатам в редакторе и задайте viewBox SVG-файла по своей сетке. В первый раз это возня, дальше — механика; именно она отличает набор иконок, который выглядит спроектированным, от набора, который выглядит сконвертированным.

Если пересобираете целый набор, конвертируйте все иконки одним пакетом, чтобы они прошли через одинаковые настройки, а затем вручную выровняйте толщину штрихов по всему набору. Семейство иконок читается как семейство, потому что штрихи совпадают; набор, трассированный по одному за несколько сессий, совпадать не будет, и расхождение видно, даже когда ни одна иконка по отдельности не выглядит неправильной.

Пакетная конвертация доступна с тарифа Pro — 30 файлов за раз. Ниже файлы конвертируются по одному, что для набора из двадцати иконок — несколько минут кликов, а не блокер.