Как починить SVG иконку?

Иконка иногда криво экспортируется из фигмы. Эта статья посвящена как это починить

Инструменты

• InkScape или любой редактор SVG

Пример починки SVG в InkScape

Иконка с обводкой

Иконка состоящая из контуров без заливки и с обводкой не поддерживается. Такой контур нужно превратить в контур с заливкой

1. Открываешь SVG в InkScape
2. Выделяешь всё (Ctrl-A, Cmd-A или Edit -> Select All)
3. Превращаешь обводку в контур (Ctrl-Alt-C, Cmd-Opt-C или Path -> Stroke to Path)
4. Сохраняешь (Ctrl-S, Cmd-S или File -> Save)

Иконка объединенная в один контур

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

1. Открываешь SVG в InkScape
   
2. Выделяешь всё (Ctrl-A, Cmd-A или Edit -> Select All)
3. Разбиваешь контур на несколько (Shift-Alt-F, Shift-Opt-F или Path -> Fracture)
4. Удаляешь лишние контуры, которых изначально не было
   
5. Сохраняешь (Ctrl-S, Cmd-S или File -> Save)

Авторы

melvspace

История

Последнее редактирование: 10 месяцев назад

Показать историю

32ec141-docs: move documentation to monorepo