guokaigdg/naive-icons

Что это?

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

• 01Иконки из 11 категорий, включая интерфейс, действия, медиа, навигацию, животных и еду.
• 02Каждая иконка доступна и как SVG-файл, и как React-компонент в формате TSX.
• 03Полный набор типов TypeScript и экспорт общей цветовой палитры.
• 04Параметры обводки и цвета позволяют масштабировать и перекрашивать иконки, сохраняя нарисованный от руки стиль.
• 05Устанавливаемый навык для AI-агентов, который помогает генерировать код с иконками.

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

• Добавить в React-приложение или на лендинг игривый набор иконок, нарисованных от руки.
• Придать экрану входа или онбординга тёплый, индивидуальный визуальный тон.
• Использовать исходные SVG-файлы в проекте без React или в спрайте иконок.
• Поручить AI-ассистенту по написанию кода подбирать и добавлять в проект подходящие иконки.

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

1. 1

   Установите пакет

   npm install naive-icons
2. 2

   Импортируйте и используйте иконку в React

   import { HomeIcon } from 'naive-icons';

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

• !У многих иконок цвета заданы в коде, поэтому fill корневого элемента их не изменит; легко изменить можно только цвет stroke.
• !Требуется React 16.8 или новее.

Темы

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

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

Библиотека SVG-иконок в наивном фолк-арт стиле, нарисованных от руки, для React и TypeScript; включает опциональный навык для AI-агентов. Naive Icons — библиотека SVG-иконок с видом фолк-арта, нарисованного от руки. Каждая иконка создана на сетке 48×48 с толщиной обводки 3.5, скруглёнными концами линий и фиксированной ретро-палитрой; у многих изображённых живых существ есть точечные глаза и небольшая улыбка. Каждая иконка доступна как исходный SVG-файл и как React-компонент в формате TSX.

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

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

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

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

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

Добавить в React-приложение или на лендинг игривый набор иконок, нарисованных от руки. Придать экрану входа или онбординга тёплый, индивидуальный визуальный тон. Использовать исходные SVG-файлы в проекте без React или в спрайте иконок. Поручить AI-ассистенту по написанию кода подбирать и добавлять в проект подходящие иконки.

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

Установите пакет: npm install naive-icons Импортируйте и используйте иконку в React: import { HomeIcon } from 'naive-icons';

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

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