🎨 Иконки и Шрифты в FlutterFlow
Правильный выбор иконок и типографики — залог чистого и современного интерфейса.
📦 Популярные библиотеки иконок
- Lucide — Современные, легкие и бесплатные иконки.
- Feather Icons — Минималистичный опенсорс набор.
- FontAwesome — Огромная база (требует настройки Pro версии, если нужно больше 12к иконок).
🛠 Создание своего шрифта иконок (Icomoon)
Если вам нужны кастомные иконки, которых нет в библиотеках:
- Подготовьте иконки в SVG (важно: используйте Fill, а не Stroke).
- Загрузите их на Icomoon.io.
- Сгенерируйте шрифт и скачайте архив.
- В FlutterFlow перейдите в Settings → Assets → Custom Icons и загрузите
.ttfфайл и соответствующий.dart(или конфиг).
Ошибка при импорте
Если иконка не отображается, убедитесь, что в Illustrator/Figma вы выполнили Outline Stroke (преобразовали обводки в кривые).
🔡 Шрифты (Typography)
- Google Fonts: Доступны во FlutterFlow по умолчанию.
- Custom Fonts: Загружайте свои
.ttfили.otfфайлы в Settings → Assets → Fonts. - Рекомендация: Для современного “Linear” стиля используйте шрифт Inter.
📺 Полезные видео
Смотрите также: Где искать дизайн