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 — заливка.