Introduction to Univer Icons
Univer Icons is an icon library for toolbars, menus, and document editing interfaces. Use it in React or Vue 3, and import the icons your interface needs.
Icon package version: ^1.38.0
Choose your integration
Install the package for your framework. Both packages use the same component names, such as CopyIcon and SearchIcon.
| Framework | Package |
|---|---|
| React | @univerjs/icons |
| Vue 3 | @univerjs/icons-vue |
Find an icon
Open the icon preview to browse by category or search with an English keyword such as copy or search. Adjust the size and colors to see how an icon fits your interface, then click it to copy its React import.
If you use an AI Agent, connect MCP and describe the action you want to represent. Your AI Agent can look up matching icons and their React or Vue usage.
Start using icons
For source code and issue reports, visit dream-num/univer-icons.
How is this guide?