Закрыть меню

Набор бесплатных иконок с простым и лаконичным дизайном от создателей Tailwind CSS.

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

Heroicons — это открытая библиотека иконок, созданная командой Tailwind CSS для разработки современных интерфейсов сайтов и приложений. Коллекция включает сотни аккуратно прорисованных SVG-иконок, которые можно использовать в UI-дизайне, веб-разработке и мобильных интерфейсах. Все иконки распространяются по лицензии MIT и могут свободно использоваться как в личных, так и в коммерческих проектах.

Иконки доступны в нескольких стилях — Outline, Solid, Mini и Micro — и оптимизированы для различных размеров интерфейса, например для навигации, кнопок или элементов форм. Библиотека поддерживает использование напрямую через SVG, а также через официальные пакеты для React и Vue, что делает её удобной как для дизайнеров, так и для разработчиков.

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

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

Плюсы

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

Минусы

  • Меньше иконок по сравнению с крупными библиотеками
  • Стиль ограничен минималистичной эстетикой
  • Мало специализированных или нишевых иконок
  • Основная ориентация на веб-интерфейсы
  • Для некоторых проектов может потребоваться дополнительный набор иконок
Heroicons

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

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

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

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