# Présentation de Univer Icons

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

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

- Requested language: `fr-FR`

- Content language: `fr-FR`

- Documentation version: `1.2.0`

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

---

Univer Icons est une bibliothèque d’icônes pour les barres d’outils, les menus et les éditeurs de documents. Utilisez-la avec React ou Vue 3 en important les icônes dont vous avez besoin.



## Choisir une intégration

Installez le paquet adapté à votre framework. Les deux paquets utilisent les mêmes noms de composants, comme `CopyIcon` et `SearchIcon`.

| Framework | Paquet                |
| --------- | --------------------- |
| React     | `@univerjs/icons`     |
| Vue 3     | `@univerjs/icons-vue` |

## Trouver une icône

Ouvrez l’[aperçu des icônes](https://docs.univer.ai/fr-FR/guides/icons/all-icons.md) pour parcourir les catégories ou chercher un mot anglais comme `copy` ou `search`. Ajustez la taille et les couleurs, puis cliquez sur une icône pour copier son import React.

Si vous utilisez un AI Agent, connectez [service MCP](https://docs.univer.ai/fr-FR/guides/icons/ai.md) et décrivez l’action à représenter. L’AI Agent peut chercher des icônes et consulter leur utilisation dans React ou Vue.

## Utiliser les icônes

- [service MCP](https://docs.univer.ai/fr-FR/guides/icons/ai.md)

- [Intégration dans React](https://docs.univer.ai/fr-FR/guides/icons/react.md)

- [Intégration dans Vue](https://docs.univer.ai/fr-FR/guides/icons/vue.md)

- [Aperçu des icônes](https://docs.univer.ai/fr-FR/guides/icons/all-icons.md)

Consultez le code source ou signalez un problème sur [dream-num/univer-icons](https://github.com/dream-num/univer-icons).