Редактируем иконки: раскрашиваем иконку SVG
Итак, вы скачали иконку SVG и обнаружили, что её надо немного изменить. В этой статье мы рассмотрим, как залить пустые части цветом.
Открываем иконку в Figma.
Figma заливает один вектор одним цветом (либо одним градиентом). Если нам надо сделать заливку несколькими цветами, вектор надо продублировать.
Мы будем делать цветную иконку с контуром, поэтому продублируем заднюю часть и перейдем в режим редактирования (дважды кликаем по вектору, либо выделяем и жмем Enter).
Figma может залить только замкнутое пространство. Если есть разрывы, то заливка не будет видна.
Закрываем область для заливки с помощью пера: в режиме редактирования выбираем перо (P) и цепляясь к привзякам соединяем точки вокруг пустого пространства.
Выбираем инструмент заливки Paint Bucket (B).
Наводим на область, которую надо залить, и кликаем.
Видео заливки
Проделываем аналогичные манипуляции с внутренней частью.
