Закрыть меню

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

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

Руководство «5½ шагов, чтобы стать UX/UI-дизайнером»

Мы подготовили практичное и структурированное пособие о входе в профессию UX/UI-дизайнера.

В нём разобраны ключевые этапы развития: от освоения основ и практики до работы с портфолио, обратной связью и первых шагов в карьере.

Зарегистрироваться и скачать
Руководство «5½ шагов, чтобы стать UX/UI-дизайнером»