Как добавить иконку в фигме

Для того чтобы вставить иконку в фигму вам нужно:

  1. Скачать эту иконку в svg или растровом формате на ваш компьютер (png, jpg и др.)
  2. Перетащить иконки с вашего компьютера в рабочее поле программы Figma

Если вы используете растровый формат изображений, то вы можете использовать функцию Place Image (Ctrl + Alt + K).

Как в фигме поменять цвет иконки

Если ваша иконка в jpg, png или любом другом растровом формате, то цвет изменить не удастся.

Для того чтобы изменить цвет иконки в фигме (иконка в формате svg), нужно данную иконку выделить (выделить фрейм или сам векторный элемент), после этого в панели “Fill” меняете цвет у иконки.

Как перекрасить иконку в фигме в разные цвета?

Для этого вам нужно перейти в векторное редактирование (несколько раз кликните на иконку, чтобы появились опорные точки). После этого просто выделяете точки фигуры, которые вам нужно перекрасить и через панель Fill делаете это.

Бесплатные иконки для фигма

Сервисы, где можно найти бесплатные иконки:

  1. Iconfinder.com
  2. Flaticon.com
  3. Freepik.com (данная библиотека наверно самая большая, но иконки там в формате eps, поэтому вам нужно будет с помощью векторного редактора поменять их формат)

Важно! Для того, чтобы на практике понять, как происходит работа со иконками - рекомендую ознакомиться с готовыми шаблонами Figma. В них вы сможете изменять иконки, и видеть визуальные отличия. Ссылки на шаблоны: ссылка 1 и ссылка 2