Ресурси
← Усі ресурси
ІконкиІнструментиFigmaВеб-дизайн
Heroicons — 316 безкоштовних SVG-іконок від творців Tailwind CSS

Про ресурс

Heroicons — безкоштовна бібліотека SVG-іконок від команди Tailwind Labs, творців Tailwind CSS. У поточній версії бібліотека містить 316 іконок, створених у єдиному чистому стилі для інтерфейсів, вебсайтів і цифрових продуктів. Іконки доступні в кількох оптимізованих варіантах: Outline 24×24, Solid 24×24, Solid 20×20 і Solid 16×16. Завдяки цьому можна підібрати відповідний рівень деталізації для навігації, кнопок, меню, таблиць, мобільних інтерфейсів та інших UI-сценаріїв. На сайті можна швидко знайти потрібну іконку через пошук, скопіювати готовий SVG-код і вставити його безпосередньо в HTML. Колір іконок легко змінюється через CSS, тому Heroicons добре інтегрується з дизайн-системами та Tailwind CSS. Для розробників є офіційні пакети `@heroicons/react` і `@heroicons/vue`, де кожна іконка доступна як окремий компонент. Для дизайнерів на офіційному сайті є посилання на готовий Figma-файл. Heroicons особливо корисний UI/UX-дизайнерам, вебдизайнерам і frontend-розробникам, яким потрібен невеликий, але дуже послідовний набір базових інтерфейсних іконок без складної ліцензії чи платної підписки. Бібліотека повністю безкоштовна й поширюється за ліцензією MIT. Її можна використовувати, змінювати та інтегрувати в особисті й комерційні проєкти відповідно до умов ліцензії.

Використання та ліцензія

Heroicons поширюється за MIT License. Іконки можна безкоштовно використовувати, змінювати та інтегрувати в особисті й комерційні проєкти за умовами ліцензії MIT.

Перед використанням перевірте актуальні умови на сайті автора.

Схожі ресурси