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 Arutyun Gevorkyan Arutyun Gevorkyan
The avatar of contributor named as Vadim Melnikov Vadim Melnikov
The avatar of contributor named as Pavel Nochevnoy Pavel Nochevnoy
The avatar of contributor named as melvspace melvspace

История