tabler/tabler-icons

Что это?

Ключевые возможности

• 01Более 6 200 контурных и залитых иконок, созданных по сетке 24×24.
• 02Официальные пакеты для SVG, спрайтов, веб-шрифтов и форматов PNG/PDF/EPS.
• 03Компоненты для React, Vue, Svelte, SolidJS, Astro, Angular и React Native.
• 04Цвет, размер и толщину обводки можно менять через CSS или props.
• 05Доступны через npm и CDN jsDelivr.

Сценарии использования

• Добавление единого набора иконок в веб-приложение на React или Vue.
• Использование иконок как встроенных SVG или фоновых изображений CSS на статическом сайте.
• Создание панели инструментов или навигационного меню с помощью веб-шрифта.
• Использование векторных иконок для дизайна или печати в форматах PNG, PDF или EPS.

Быстрый старт

1. 1

   Установите пакет SVG-иконок с помощью npm

   npm install @tabler/icons
2. 2

   Вместо него можно установить пакет компонентов React (необязательно, для проектов на React)

   npm install @tabler/icons-react
3. 3

   Импортируйте иконку в код и используйте её, например IconAward в React

Что важно знать

• !Только наборы иконок: здесь есть иконки, но нет полноценной библиотеки UI-компонентов.

Темы

Частые вопросы

Что такое tabler-icons?

Бесплатный набор из более чем 6 200 SVG-иконок по лицензии MIT, созданных по сетке 24×24; доступны пакеты для React, Vue, Svelte, Angular и других платформ. Tabler Icons — это набор из более чем 6 200 SVG-иконок с открытым исходным кодом, каждая из которых создана по сетке 24×24 с толщиной обводки 2 px. В набор входят контурные и залитые иконки, поэтому разработчики могут выбрать единый визуальный стиль для веб-интерфейсов, не создавая иконки самостоятельно.

tabler-icons можно использовать бесплатно? Какая у него лицензия?

tabler-icons распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

tabler-icons всё ещё поддерживается?

Активно поддерживается. Последний коммит в tabler-icons — 21 окт. 2026 г..

Для чего можно использовать tabler-icons?

Добавление единого набора иконок в веб-приложение на React или Vue. Использование иконок как встроенных SVG или фоновых изображений CSS на статическом сайте. Создание панели инструментов или навигационного меню с помощью веб-шрифта. Использование векторных иконок для дизайна или печати в форматах PNG, PDF или EPS.

Как установить tabler-icons?

Установите пакет SVG-иконок с помощью npm: npm install @tabler/icons Вместо него можно установить пакет компонентов React (необязательно, для проектов на React): npm install @tabler/icons-react Импортируйте иконку в код и используйте её, например IconAward в React

Где скачать tabler-icons?

Исходный код и инструкции по установке — на GitHub: https://github.com/tabler/tabler-icons