Introvert - База знаний

Appearance

Для разработчика

Как починить 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. Удаляешь лишние контуры, которых изначально не было
    attachment300
  5. Сохраняешь (Ctrl-S, Cmd-S или File -> Save)

Авторы

The avatar of contributor named as melvspace melvspace
The avatar of contributor named as Vadim Melnikov Vadim Melnikov

История