What it does
TDesign Icons supplies shared SVG artwork and packages for React, Vue, Angular and web components. It also generates an icon font and SVG sprite from the same files. The MIT-licensed project is free and can be installed or adapted without a TDesign account.
Choose the package that matches the application: tdesign-icons-vue is for Vue 2, tdesign-icons-vue-next is for Vue 3, and separate packages cover React, Angular and web components. tdesign-icons-svg contains the vector files without a framework renderer.
The repository also supports teams extending the artwork. Add SVG files to its svg directory and run pnpm run generate. That updates the framework resources as well as the icon font and sprite. Changes to the original artwork require regeneration, otherwise the derived packages will not include them.
This shared-file arrangement is useful when one product has React and Vue applications that need matching symbols. The icon packages are distributed separately from TDesign’s larger component system. Their MIT licence permits modification and commercial reuse while retaining the copyright and permission notice.
Strengths
- Publishes separate packages for Vue 2, Vue 3 and other frameworks.
- Generates framework, font and sprite outputs from shared SVG files.
Watch out for
- Custom artwork changes require regeneration of the derived resources.
Best for
- Teams sharing icons across React, Vue and Angular applications
- Developers extending a common icon source library
Sources
- TDesign Icons packages and generation guide (Oct 27, 2026)
- TDesign Icons MIT licence (Oct 27, 2026)