Закрыть меню

Гибкие в настройке иконки с различными вариациями стилей.

Phosphor Icons — гибкая библиотека SVG-иконок для интерфейсов

Phosphor Icons — это современная open-source библиотека иконок, созданная для интерфейсов сайтов, приложений и цифровых продуктов. Коллекция включает более тысячи иконок, выполненных в едином минималистичном стиле и оптимизированных для использования в UI-дизайне и веб-разработке. Иконки распространяются по лицензии MIT и могут свободно использоваться в коммерческих и личных проектах.

Главная особенность библиотеки — несколько вариантов веса и стиля одной и той же иконки. Например, можно использовать Thin, Light, Regular, Bold, Fill или Duotone версии, что позволяет легко адаптировать иконки под разные элементы интерфейса. Коллекция разработана на сетке 16×16 пикселей и хорошо масштабируется, сохраняя читаемость на разных размерах экранов.

Когда использовать

  • При создании интерфейсов сайтов и веб-приложений
  • Для разработки дизайн-систем и UI-компонентов
  • При добавлении иконок в навигацию, кнопки и формы
  • Для проектов на React, Vue и других фреймворках
  • При использовании SVG-иконок в веб-разработке
  • Для интерфейсов, где нужны разные варианты веса иконок

Плюсы

  • Open-source библиотека иконок
  • Более 1000 иконок в коллекции
  • Несколько вариантов веса и стиля иконок
  • SVG-формат без потери качества
  • Поддержка React, Vue и других фреймворков
  • Легко настраивать цвет, размер и толщину линий

Минусы

  • Меньше иконок по сравнению с крупнейшими библиотеками
  • Ограниченный минималистичный стиль
  • Некоторые категории иконок представлены ограниченно
  • Требуется базовое понимание SVG или фронтенд-разработки
  • Для крупных проектов иногда нужен дополнительный набор иконок
Phosphor Icons

Продолжите обучение — соберите свой первый UX/UI-проект

Пройдите полный путь от основ дизайна и работы в Figma до wireframe, UI-дизайна, адаптивной версии и готового проекта в портфолио.

11 модулей · 50+ уроков · 30+ часов · практика в Figma

Посмотреть полный курс

Полная программа курса, формат обучения и стоимость