# Introducción a Univer Icons

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

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

- Requested language: `es-ES`

- Content language: `es-ES`

- Documentation version: `1.2.0`

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

---

Univer Icons es una biblioteca de iconos para barras de herramientas, menús y editores de documentos. Úsala en React o Vue 3 e importa los iconos que necesites.



## Elige tu integración

Instala el paquete de tu framework. Ambos usan los mismos nombres de componentes, como `CopyIcon` y `SearchIcon`.

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

## Encuentra un icono

Abre la [vista previa de iconos](https://docs.univer.ai/es-ES/guides/icons/all-icons.md) para explorar categorías o buscar con palabras en inglés como `copy` o `search`. Ajusta el tamaño y los colores. Haz clic en un icono para copiar su importación de React.

Si usas un AI Agent, conecta [servicio MCP](https://docs.univer.ai/es-ES/guides/icons/ai.md) y describe la acción que quieres representar. El AI Agent puede buscar candidatos y consultar su uso en React o Vue.

## Empieza a usar los iconos

- [servicio MCP](https://docs.univer.ai/es-ES/guides/icons/ai.md)

- [Integración en React](https://docs.univer.ai/es-ES/guides/icons/react.md)

- [Integración en Vue](https://docs.univer.ai/es-ES/guides/icons/vue.md)

- [Vista previa de iconos](https://docs.univer.ai/es-ES/guides/icons/all-icons.md)

Consulta el código fuente o informa de problemas en [dream-num/univer-icons](https://github.com/dream-num/univer-icons).