Как сгладить файлы SVG

Существует этот сайт http://game-icons.net/, который предлагает огромное количество иконок с открытым исходным кодом. На сегодняшний день это 1345 файлов SVG. Я хотел бы использовать их с веб-проектом, над которым я сейчас работаю. Логичный шаг — преобразовать их в иконочный шрифт. Обычно я просто загружаю их на https://icomoon.io/app/#/select/font и вуаля... но!

Значки инверсные, белые символы на черном прямоугольнике. Я могу инвертировать цвета в Illustrator, но некоторые значки имеют перекрывающиеся формы, и это ломает их, когда icomoon пытается сделать их черными прозрачными.

Пример: http://game-icons.net/lorc/originals/archery-target.html Круги белые, непрозрачные.

Как сгладить черно-белый SVG-файл с перекрывающимися формами в черно-прозрачный SVG, совместимый с icomoon?

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


svg icons fonts icon-fonts
person Tom    schedule 29.12.2014    source источник

Ответы (1)


arrow_upward
3
arrow_downward

На данный момент иконки имеют слои черно-белых дорожек. Вам нужно будет использовать функцию «объединения путей» Illustrator или Inkscape, чтобы превратить белые (или черные) пути в отверстия, где это необходимо. Я думаю, что это будет в значительной степени ручная задача. Вы можете написать скрипт, который поможет с некоторыми работами, но я подозреваю, что впоследствии вам все равно придется исправлять большое количество значков.

person Paul LeBeau    schedule 30.12.2014
comment
В конце концов, это не было ручным управлением. Просто выберите все и объедините в Pathfinder. Затем я изо всех сил пытался удалить белые части. Наконец, я позволяю действию нарисовать белый прямоугольник, затем выбираю похожие объекты и очищаю. Вуаля! Моему ПК потребовалось всего 2 часа, чтобы обработать все эти значки. Сделал это раза 3, прежде чем я настроил его правильно. - person Tom; 30.12.2014