Repolode
Предложить
asorn

asorn/qingicon-open

Бесплатный open-source набор нейтральных UI-иконок — более 3900 значков для AI-, облачных и веб-продуктов, а также компоненты React и Vue.

Открыть на GitHubСайт
Звёзды
56
Форки
3
Открытые issues
0
Последний коммит
в прошлом месяце

Что это?

QingIcon — библиотека UI-иконок для AI-, облачных и интернет-продуктов. В ней более 3900 иконок в 34 категориях в стиле Line; варианты Fill пока в разработке. У всех иконок одинаковые сетка и визуальный вес, поэтому их можно сочетать без стилистических расхождений.

На сайте иконки можно просматривать, искать, копировать и скачивать в форматах SVG, PNG и WebP, а также копировать одним нажатием в виде SVG, React, Vue или DataURL. Поиск охватывает 137 235 двуязычных ключевых слов на китайском и английском языках, поддерживает сегментацию китайского текста и нечеткое сопоставление. Перед экспортом можно настроить толщину линий, размер и цвет.

Для разработчиков доступны npm-пакеты qingicon-react и qingicon-vue: для каждой иконки предусмотрен отдельный компонент, поддерживается tree-shaking. Кроме того, сервер qingicon-mcp позволяет AI-инструментам для написания кода, таким как Cursor и Claude Code, искать иконки и генерировать код компонентов. Также доступен плагин для Figma.

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

  • 01Более 3900 иконок в 34 категориях; сейчас доступен стиль Line
  • 02Единые сетка и визуальный вес для всех иконок
  • 03Поиск по ключевым словам на китайском и английском языках с нечетким сопоставлением
  • 04Компоненты React и Vue с поддержкой tree-shaking и TypeScript
  • 05MCP-сервер для генерации кода иконок в AI-инструментах для написания кода
  • 06Экспорт в SVG, PNG и WebP или копирование в формате React, Vue либо DataURL

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

  • Создание интерфейсов AI-продуктов, которым нужны иконки моделей, агентов и промптов
  • Разработка облачных консолей и SaaS-дашбордов с единообразными иконками серверов и сетей
  • Добавление иконок в проекты React или Vue с помощью npm-компонентов
  • Использование AI-помощников для выбора и вставки иконок при генерации фронтенд-кода

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

  1. 1

    Установите пакет компонентов React из npm

    npm install qingicon-react
  2. 2

    Установите пакет компонентов Vue из npm

    npm install qingicon-vue

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

  • Стиль Sketch доступен только на сайте и в плагине Figma, но не в пакетах npm и MCP.
  • Варианты стиля Fill ещё разрабатываются и пока не завершены.
  • Проект поддерживает один автор на некоммерческой основе.

В подборках

Фронтенд-фреймворки и UI-компоненты

Темы

#icons#ui-components#svg#react#vue#design-system#figma

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

Что такое qingicon-open?
Бесплатный open-source набор нейтральных UI-иконок — более 3900 значков для AI-, облачных и веб-продуктов, а также компоненты React и Vue. QingIcon — библиотека UI-иконок для AI-, облачных и интернет-продуктов. В ней более 3900 иконок в 34 категориях в стиле Line; варианты Fill пока в разработке. У всех иконок одинаковые сетка и визуальный вес, поэтому их можно сочетать без стилистических расхождений.
qingicon-open можно использовать бесплатно? Какая у него лицензия?
qingicon-open распространяется с открытым исходным кодом под лицензией Apache-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
qingicon-open всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в qingicon-open — 8 окт. 2026 г..
Для чего можно использовать qingicon-open?
Создание интерфейсов AI-продуктов, которым нужны иконки моделей, агентов и промптов Разработка облачных консолей и SaaS-дашбордов с единообразными иконками серверов и сетей Добавление иконок в проекты React или Vue с помощью npm-компонентов Использование AI-помощников для выбора и вставки иконок при генерации фронтенд-кода
Как установить qingicon-open?
Установите пакет компонентов React из npm: npm install qingicon-react Установите пакет компонентов Vue из npm: npm install qingicon-vue
Где скачать qingicon-open?
Исходный код и инструкции по установке — на GitHub: https://github.com/asorn/qingicon-open

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

tabler / tabler-icons

Бесплатный набор из более чем 6 200 SVG-иконок по лицензии MIT, созданных по сетке 24×24; доступны пакеты для React, Vue, Svelte, Angular и других платформ.

Фронтенд и UI#icons#svg#icon-font
22,6 тыс.+63 за неделю1,3 тыс.JavaScriptMITАктивно поддерживаетсяОбновлён 9 дней назад

Avijit07x / animateicons

Библиотека из 1 170 анимированных SVG-иконок для React, Vue, Angular и обычного JavaScript: анимация запускается при наведении или по запросу.

Фронтенд и UI#icons#animation#svg
1,5 тыс.+18 за неделю79TypeScriptMITАктивно поддерживаетсяОбновлён 4 часа назад