Heroicons

Heroicons — это обширная коллекция из 316 бесплатных SVG-иконок, созданных для современной разработки веб-сайтов и приложений. Иконки представлены в четырех разных стилях: outline (24x24 с толщиной линий 1,5px), solid (залитые версии), mini (20x20) и micro (16x16), что дает дизайнерам и разработчикам гибкие возможности под разные задачи интерфейса. Все иконки отрисованы вручную создателями Tailwind CSS и доступны под лицензией MIT, поэтому их можно бесплатно использовать как в личных, так и в коммерческих проектах без необходимости указывать авторство.

Библиотека выделяется своей чистой, последовательной эстетикой дизайна и практичностью. Каждая иконка предоставляется в виде SVG-кода, который можно просто скопировать и вставить прямо в проект, а для интеграции в конкретные фреймворки доступны официальные библиотеки компонентов для React и Vue. Команда также подготовила файл в сообществе Figma, чтобы дизайнеры могли внедрять иконки напрямую в свой рабочий процесс наряду с технической реализацией.

Больше всего от Heroicons выиграют веб-разработчики и UI-дизайнеры, особенно те, кто работает над проектами, где нужен единый визуальный язык без лишних затрат на создание кастомных иконок с нуля. Продуктовые команды могут использовать эти иконки для поддержания единообразия дизайна в веб-приложениях, мобильных приложениях и маркетинговых материалах, а отдельные разработчики могут быстро создавать прототипы интерфейсов с профессиональными визуальными элементами, которые идеально масштабируются до любого размера.