# Введение в Univer Icons

- Human documentation: [https://docs.univer.ai/ru-RU/guides/icons](https://docs.univer.ai/ru-RU/guides/icons)

- Agent Markdown: [https://docs.univer.ai/ru-RU/guides/icons.md](https://docs.univer.ai/ru-RU/guides/icons.md)

- Requested language: `ru-RU`

- Content language: `ru-RU`

- Documentation version: `1.2.0`

- Source: [icons/index.ru-RU.mdx](https://github.com/dream-num/documentation/blob/dev/content/guides/icons/index.ru-RU.mdx)

---

Библиотека Univer Icons содержит иконки для панелей инструментов, меню и редакторов документов. Используйте её в React или Vue 3 и импортируйте нужные иконки по отдельности.



## Выберите способ интеграции

Установите пакет для своего фреймворка. Оба пакета используют одинаковые имена компонентов, например `CopyIcon` и `SearchIcon`.

| Фреймворк | Пакет                 |
| --------- | --------------------- |
| React     | `@univerjs/icons`     |
| Vue 3     | `@univerjs/icons-vue` |

## Найдите иконку

Откройте [предпросмотр иконок](https://docs.univer.ai/ru-RU/guides/icons/all-icons.md), выберите категорию или введите английское слово, например `copy` или `search`. Настройте размер и цвета, затем нажмите на иконку, чтобы скопировать импорт для React.

Если вы пишете код с AI Agent, подключите [MCP-сервер](https://docs.univer.ai/ru-RU/guides/icons/ai.md) и опишите нужное действие. AI Agent найдёт подходящие иконки и примеры для React или Vue.

## Начните использовать иконки

- [MCP-сервер](https://docs.univer.ai/ru-RU/guides/icons/ai.md)

- [Интеграция с React](https://docs.univer.ai/ru-RU/guides/icons/react.md)

- [Интеграция с Vue](https://docs.univer.ai/ru-RU/guides/icons/vue.md)

- [Предпросмотр иконок](https://docs.univer.ai/ru-RU/guides/icons/all-icons.md)

Исходный код и сообщения об ошибках доступны в [dream-num/univer-icons](https://github.com/dream-num/univer-icons).