[ez-toc]

Шрифт з іконок

Figma поддерживает популярный и простой в использовании набор иконок Font Awesome. Если вам не подходит этот набор и вы хотите использовать другие иконки, создайте свой иконочный шрифт любым удобным способом — например, с помощью сервиса IcoMoon, и установите локально на вашем устройстве. После установки он будет доступен в Figma вместе с другими шрифтами.

Остановимся подробнее на использовании иконочных шрифтов на примере Font Awesome.

Font Awesome — иконочный шрифт в Figma

Создайте текстовый объект в Figma.

Создаем текстовый объект

В разделе Text на панели свойств в Font Picker выберите Font Awesome 5 Brands.

Выбираем иконочный шрифт

Перейдите по ссылке https://fontawesome.com/cheatsheet — вы попадете на страницу таблицы иконочного шрифта, который по умолчанию интегрирован в Figma.

Этот шрифт разделен на три большие категории:

  1. Solid Icons.
  2. Regular Icons.
  3. Brand Icons.

Выберите подходящую иконку, выделите и скопируйте ее в буфер обмена — Ctrl+C.

Копируем понравившуюся иконку со страницы доступных иконочных символов

Затем переключитесь в Figma и вставьте эту иконку в созданный ранее текстовый объект — Ctrl+V.

Вставляем иконку в текстовый объект. Готово!

Теперь вы можете настраивать эту иконку по своему усмотрению как обычный шрифт.

Также в Font Awesome можно выбрать стиль иконок — Regular или Solid.

Regular — контурное начертание, Solid — заливка.

Слева стиль по умолчанию Regular, справа — Solid